Django Ajax 发布请求问题

Question

我正在使用 Ajax 向 Django 发送 POST 请求。

这是我的 ajax 代码：

$("#submitdata").click(function(){
values = {
"tmode": tmode,
"fmode": fmode,
"t_cool": t_cool,
"t_heat": t_heat,
"hold": hold
};
var jsonText = JSON.stringify(values);
$.ajax({
    url: "/submitdata/",
    type: 'POST',
    data: jsonText,
    dataType: 'json',
    success:function(data){
        alert("Inside success function");
        alert(data.tmode);
    },
    /*complete:function(){
        console.log('complete');
    },*/
    error:function(){
        alert("error");        }
});       });

这是我的看法：

@login_required
def submitvalues(request):
#context = RequestContext(request)
if request.POST:
    jsonvalues = json.loads(request.raw_post_data)
    print json.dumps(jsonvalues)
    #temp = jsonvalues["temp"]
    tmode = jsonvalues['tmode']
    fmode = jsonvalues['fmode']
    t_cool = '65'
    t_heat = '75'
    hold = jsonvalues['hold']
    if jsonvalues.__contains__('t_cool')>=1:
        t_cool = jsonvalues['t_cool']
    if jsonvalues.__contains__('t_heat')>=1:
        t_heat = jsonvalues['t_heat']
    jsonresult = {
                      'tmode':tmode,
                      'fmode':fmode,
                      't_cool':t_cool,
                      't_heat':t_heat,
                      'hold':hold,
                      }
    '''return render_to_response('wifithermostat_3m50/wifithermo3m50.html',
        {'tmode':tmode,'fmode':fmode,'t_cool':t_cool,'t_heat':t_heat,'hold':hold,
         },
        context)'''
    if request.is_ajax()== True:
        return HttpResponse(json.dumps(jsonresult),mimetype='application/json')

我得到了我认为的价值观。但是响应没有成功。我只是想从本质上取回相同的数据。但我没有看到任何成功消息。你能指导我哪里出错了吗？

首先，即使在访问视图函数之前，ajax 函数的错误部分的警报消息也会弹出。此外，它永远不会到达 ajax 调用的成功部分。

我在运行服务器控制台中遇到了 Broken Pipe Error。

Traceback (most recent call last):
File "/usr/lib/python2.7/dist-packages/django/core/servers/basehttp.py", line 284, in  run
self.finish_response()
File "/usr/lib/python2.7/dist-packages/django/core/servers/basehttp.py", line 324, in finish_response
self.write(data)
File "/usr/lib/python2.7/dist-packages/django/core/servers/basehttp.py", line 403, in write
self.send_headers()
File "/usr/lib/python2.7/dist-packages/django/core/servers/basehttp.py", line 467, in send_headers
self.send_preamble()
File "/usr/lib/python2.7/dist-packages/django/core/servers/basehttp.py", line 385, in send_preamble
'Date: %s\r\n' % http_date()
File "/usr/lib/python2.7/socket.py", line 324, in write
self.flush()
File "/usr/lib/python2.7/socket.py", line 303, in flush
self._sock.sendall(view[write_offset:write_offset+buffer_size])
error: [Errno 32] Broken pipe

如果我没有在 .click(function() {}); 中定义它，这个 ajax 调用可以正常工作 我正在发送带有正常点击功能的 POST 请求。为什么我不能在 click 属性中做呢？

Answer 1

如果您的按钮是例如在表单中，默认操作将是重新加载页面，这将中断帖子，从而给您一个损坏的管道。
通过添加 preventDefault 可以防止重新加载。

Answer 2

@jerry-meng ：它不适用于任何触发事件。我不知道为什么。

但我的问题的解决方案是防止在按下按钮时发生默认操作。

修改代码：

$( "#submitthermostatdata" ).click(function(evt) {
evt.preventDefault();
values = {
        "tmode": tmode,
        "fmode": fmode,
        "t_cool": t_cool,
        "t_heat": t_heat,
        "hold": hold
        };
var jsonText = JSON.stringify(values);
console.log(jsonText);
$.ajax({
      url : '/submitdata3m50/',
      type: 'POST',
      data: jsonText,
      dataType: 'json',
      success : function(data) {
        var testinggg = $.parseJSON(data.tmode);
        alert(testinggg);
        alert("testing");
      },
      error: function(data) {
        alert("something really wrong");
      }
     }); });