如何通过 ajax 将表单数据发布到 python 脚本？

Question

我正在为一个 python 程序和一个 ajax 请求而苦苦挣扎。我试图从我的 Javascript 中获取一些数据到 python 程序中，我一直使用的正常方法 .getfirst(field name) 不起作用，我认为是因为请求是通过 ajax （对不起，我是这一切都很新）所以我尝试使用以下代码

Python：

import MySQLdb
import cgi, cgitb

def index(req):

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

    # Get data from fields
    dtbox = form.getvalue('dt')
    tmbox = form.getvalue('tm')

    con = MySQLdb.connect('localhost', 'root', '', 'mydb')

    with con:
        cur = con.cursor(MySQLdb.cursors.DictCursor)
        s = "SELECT tmp, watts FROM currentcost WHERE dt ='" + dtbox + "' and tm like '" + tmbox + "%'"
        cur.execute (s)
        rows = cur.fetchall()

        x=""
        y=""
        for row in rows:
            x=x+row["watts"]+","
            y=y+row["tmp"]+","

    x="data:["+x+"]"
    y="data:["+y+"]"

    con.close()

    req.write(x)

Javascript sn-p:

function draw(handleResponse) {
    $.ajax({
        url: "/currentcost.py",
        data: {dt: frm.dt, tm: frm.tm},
        success: function(response){
            handleResponse(response);
        }
    });

<form name="frm" target="ifrm">
    <iframe name="ifrm" id="ifrm" style="display:none"></iframe>
        <fieldset style="width:300px">
            <legend>Chart Date and Time</legend>
            Alter the date and time settings <br>
            Date:
            <select name="dt">

我希望将表单值 dt 和 tm 传输到 python 程序，它将从中挑选出来并运行我的选择查询...我得到的只是一个空白:-(

感谢您的帮助

克里斯

Answer 1

您的 ajax 调用应该是"POST" 类型，您可以使用.serialize() 序列化表单中的字段。

$.ajax({
    url: "/currentcost.py",
    type: "POST",
    data: $("form[name='frm']").serialize(),
    success: function(response){
        handleResponse(response);
    }
});

编辑

您通常不应该使用 GET 请求来提交表单。也就是说，ajax GET 应该如下所示：

 $.ajax({
    url: "/currentcost.py",
    data: {dt: $("#dt").val(), tm: $("#tm").val() },
    success: function(response){
        handleResponse(response);
    }
 });

这假设您已将属性id="dt" 插入到第一个元素中，并将id="tm" 插入到第二个元素中。