django - 如何使用ajax jquery访问在视图中的发布请求上完成的表单数据

Question

我试图找出将帖子数据发送到 Django View 函数的最佳方法。

我目前在我的 jquery 代码中是这样的：

in the jquery:

function ajax_request(type) {
 var a="{{parameter}}";
  alert(type);
  var frm = $('#form1');
  form_data=frm.serialize();
  alert(form_data);
  $.ajax({
    type : type,

    data: form_data,
    url : geturl(a),

    dataType : 'json',

)}

我已经编写了一个名为 ajax_request 的函数。我只需要在我的视图中访问我在 jquery 中检索到的数据。我怎么能在我的观点中得到它。

 function event_page_load() {
alert("hi");
  ajax_request('GET')
   }

  function click_submit_button() {
  ajax_request('POST')
  }

  function ajax_request(type) {
   var a="{{parameter}}";
   alert(type);
  var frm = $('#form1');
  form_data=frm.serialize();
  alert(form_data);

  $.ajax({
    type : type,

    data: form_data,
    url : geturl(a),

    dataType : 'json',

    error : function(result) {
         alert("error");
        // alert("Error occured!!");

    },

    success : function(result,data) 
    {
        alert("success");
        // alert("data");
        // $('#container').html(data);
        var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'line',
            marginRight: 220,
            marginBottom: 75,
            marginLeft:100,
            marginTop:80

    },
    title: {
        marginTop:90,
        text: 'Power Consumption Vs Generator Consumption'
    },
    xAxis: {

        categories: result[0]

    },
    yAxis: {
        title: {
            text: 'Units Of Time'
        }
    },

    series: [{
        name: 'Truepower Consumed',
        data: result[1]},
    {
        name: 'Generator Consumed',
        data:result[2]}],
  });

        }

 })



}

Answer 1

您可以使用$.post

 $.post({
         geturl(a),
         { data: form_data, dataType : 'json' },
          // response handler 

}); 

例子 ：

  $.post()  
    $("#post").click(function(){  
        $("#result").html(ajax_load);  
        $.post(  
            loadUrl,  
            {language: "php", version: 5},  
            function(responseText){  
                $("#result").html(responseText);  
            },  
            "html"  
        );  
    });  

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/上提供了一个有用的教程

Django + AJAX 示例的完整列表可在https://github.com/sivaa/django-jquery-ajax-exmaples获得