如何使用ajax jquery访问视图中的post请求上完成的表单数据

时间:2013-02-21 05:46:42

标签: django

我正在试图找出将发布数据发送到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]}],
  });

        }

 })



}

1 个答案:

答案 0 :(得分: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/

提供了一个有用的教程

https://github.com/sivaa/django-jquery-ajax-exmaples

提供了完整的Django + AJAX示例列表