javascript - POST 数据到 python 脚本

标签 javascript jquery python html ajax

我有一个 html 页面托管在我的本地服务器 apache2 上,我想将一些数据发送到 python 脚本并对其进行操作,当我使用表单的 action 标记时,我使用它不会导航到下一页,并且当我尝试 Jquery 时,脚本不会被执行。有什么帮助吗?提前致谢。

HTML:

<body>
  <div id="Header"></div>
    <div id="wrapper">
    <form name="login-form" class="login-form" action="/cgi-bin/test.py" method="post" onsubmit="validate();return false;">
      <div class="header">
        <h1>Enter Your Credentials</h1>
        <span>URL,Admin,Tenant,Password</span>
      </div>
      <div class="content">
        <input id="Uname" name="url" type="text" class="input username" placeholder="Keystone URL" />
        <div class="user-icon"></div>
        <input id="Pname"name="admin" type="password" class="input password" placeholder="Admin" />
        <div class="pass-icon"></div>
        <input id="oPass"name="password" type="password" class="input password" placeholder="Password" />
        <div class="pass-icon"></div>
        <input id="tenant"name="tenant" type="password" class="input password" placeholder="Tenant" />
        <div class="pass-icon"></div>   
      </div>
      <div class="footer">
        <input type="submit" name="submit" value="Submit" class="button"/>
      </div>
    </form>
  </div>
</body>

这样脚本就可以完美执行,但不会导航到下一页。

Javascript 函数:

function validate() {
    var un = document.getElementById("Uname").value;
    var valid = false;

    var unArray = ["http://192.168.1.102:5000/v2.0"]; 
    for (var i = 0; i < unArray.length; i++) {
        if ((un == unArray[i])) {
            valid = true;
            break; 
        }
    }

    if (valid) {
        alert("Login was successful"); 
        location.href = 'HomePage.html';
        document.login-form.action='/cgi-bin/test.py';

        return false; 
    } else {
        alert("Login was Unsuccessful");
        return false;
    }
}

这是我尝试进行的 Ajax 调用:

$.ajax({
  type: "POST",
  url: "/cgi-bin/test.py",
  data: "stuff_for_python="+document.getElementById("Uname").value,
  success: function(response) {    
      alert(response);      
  },
  error: function(data) {
      alert(data.responseText);
  }
});

Python 脚本:

#!/usr/bin/python
import cgi, cgitb 
from StringIO import StringIO
import json
from io import BytesIO
import pycurl

cgitb.enable()
# Create instance of FieldStorage 
form = cgi.FieldStorage() 

# Get data from fields
url = form.getvalue('stuff_for_python')

print "Content-type: text/html\r\n\r\n\n"
print

print url
f = open('/home/stack/writing.txt','wb')
f.write(url)
f.close()

最佳答案

问题出在邮寄传递的数据值上。
试试这个:

$.ajax(
{
   type: "POST",
   url: "/cgi-bin/test.py" ,
   data: {stuff_for_python: document.getElementById("Uname").value},
   success: function(response)
   {
       alert(response);
   },
   error: function(data)
   {
       alert(data.responseText);
   },
});

关于javascript - POST 数据到 python 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20628295/

相关文章:

javascript - 使用装饰器将属性分配给非原型(prototype)

php - 如何在卸载前保存鼠标坐标?

jquery - 使用 jQuery 选择焦点上的所有文本

python - 用 Beautiful soup 抓取内部链接

python - 为什么 list().append() 给我重复的值?

python - Django 中 locmem 缓存的内容?

javascript - mongodb continueOnError 不抑制重复键错误

javascript - 在命名空间中混合 javascript 和 jquery

javascript - 如果测试是用 Java 或 Javascript 编写的,selenium 端到端测试会运行得更快吗?

javascript - 水平 CSS 漏斗