【问题标题】:Sending a JSON object to Django backend through AJAX call通过 AJAX 调用将 JSON 对象发送到 Django 后端
【发布时间】:2016-04-11 16:55:52
【问题描述】:

我有以下代码(jQuery)来创建一个 json 文件:

$( ".save" ).on("click", function(){
var items=[];


$("tr.data").each(function() {

 var item = {
  item.Code : $(this).find('td:nth-child(1) span').html(),
  itemQuantity : $(this).find('td:nth-child(4) span').html()        
 };
items.push(item);       

 });

});

现在这是我的 AJAX 函数:

(function() {
        $.ajax({
            url : "", 
            type: "POST",
            data:{ //I need my items object, how do I send it to backend server (django)??
                    calltype:'save'},
            dataType: "application/json", // datatype being sent

            success : function(jsondata) {  

                //do something
            },

                error : function() {
                    //do something
                }
        });
    }());

现在,我的疑问是如何将我创建的“item[]”对象发送到后端?我确实需要同时发送 item[] 对象和变量 'calltype' 来表明是什么进行了 AJAX 调用,因为我在后端有相同的 Django 视图(它与 Django 等效的控制器)被不同的 AJAX 函数调用。

我的 AJAX 函数会是什么样子?

【问题讨论】:

  • 你可以创建一个全局变量items,对吧?
  • 刚刚做对了。问题不在于可变项目。全局变量会有其他问题

标签: javascript jquery ajax django


【解决方案1】:

大家好,我的回答是对的。 我使用了以下 ajax 函数来正确处理:

(function() {
        $.ajax({
            url : "", 
            type: "POST",
            data:{ bill_details: items,
                calltype: 'save',
                'csrfmiddlewaretoken': csrf_token},
            dataType: 'json',               
            // handle a successful response
            success : function(jsondata) {  

                console.log(jsondata); // log the returned json to the console
                alert(jsondata['name']);
            },

                    // handle a non-successful response
                error : function() {
                    console.log("Error"); // provide a bit more info about the error to the console
                }
        });
    }());

所以,这是一种自我回答!!! :) 非常感谢!

【讨论】:

  • 您好,解决了您的问题!为了您的信息,您不需要将 csrfmiddlewaretoken 用引号括起来,尽量保持不变以获得好看的可维护代码。
  • 很抱歉 phenxd 回复晚了!!谢谢你!保持不变肯定很棒,但我想我必须把它放在引号里!!非常感谢
猜你喜欢
  • 1970-01-01
  • 2015-06-14
  • 2023-03-17
  • 2018-02-13
  • 2014-10-01
  • 1970-01-01
  • 2016-11-11
  • 1970-01-01
  • 2016-09-04
相关资源
最近更新 更多