数据通过jqueryajax传输到金字塔后端

Question

所以，我试图通过AJAX将id为“AltTitle”的元素的值返回到金字塔后端。使用下面的代码，Python接收到请求.param替代所有权。就这样。没有价值。我卡住了。我想学习如何构建一个AJAX数据字典，这样我就可以将所有的值传递回Python，但是到目前为止，我还没有一个能够正常工作。感谢任何帮助。。。。在

$(document).ready(function(){
    $("button").click(function(){
        $.ajax({
            type:"POST",
            url:"/edit/29241",
            data:{
                "AlternativeTitle": $("#AltTitle").html()
            },
            success:function(result){
                alert( result );
                }
        });
    });
});
<p id="AltTitle" contenteditable=True>Existing Title</p>
<button>Save</button>

Answer 1

好的，似乎是{}引起了这个问题。这可能是因为jQuery在Jinja2模板中，但是即使添加{%raw%}也不会改变结果。通过将脚本更改为：

data:"AlternativeTitle:" + alttitle + '&' "othervalue" + otherval,

我在服务器上得到了序列化版本。我还没有写回数据库，但我认为它现在会工作。谢谢Fosco和Antoine。在

Answer 2

我要做的第一件事是在浏览器的Javascript控制台中输入$("#AltTitle").html()的值（Chrome中为Ctrl+I）。然后，如果结果是您所期望的，我将检查在您的浏览器的开发工具中发布的值，以确保所发布的AlternativeTitle的值是您所期望的。在Chrome中，您将在开发人员工具的Network选项卡中看到HTTP请求。然后我会看看代码服务器端。在

但是服务器端不会出问题，因为您说request.params['AlternativeTitle']是空的。在

Answer 3

你试着先得到价值吗？试试看：

    var alttitle = $("#AltTitle").html();
    $.ajax({
        type:"POST",
        url:"/edit/29241",
        data:{ AlternativeTitle : alttitle },
        success:function(result){
            alert( result );
            }
    });