前端学习之- Ajax

Ajax：页面不做刷新，直接将数据悄悄提交到后台，然后通过回调函数处理返回结果。

$.Ajax({          # 提交到后台
    url:'/host', # 提交到哪里
    type:'POST' # 提交方式
    data:{'k1':123,'k2':'root'} # 提交数据
　　 # 如果data中包含的不是字符串，是个列表，那么写法要使用：traditional:true 可以将列表传入后台
    data:$('#add_form').serialize(), #代替上一句，将form表单里所有数据统一打包发到后台
    # 注意如果data字典中还包含1个字典，这个包含的字典需要转为字符串才可以发送：JSON.stringfy({'k1','v1'})
    dataType:'JSON',    # 这里是jquery功能，将传回来的数据进行json解析，就不需要下面的函数再次进行解析了，下面函数中的参数就为obj对象
    traditional:true,   # 可以将data中的列表数据传到后台，python使用get_list来接收列表数据。
    success: function(data){  # 回调函数，等待接收上面提交后的返回数据
        // data是服务器端返回的字符串
        var obj = JSON.parse(data);
    }
    error:function(){ #当前台发送了一个请求到后台，后台未捕捉到发了个未知的错误，才触发这里执行
    }
})
建议：永远让服务端返回一个字典，返回方式：return HttpResponse(json.dumps(字典))
      不要使用render，因为返回的模板文件只做渲染，无法json转换，不支持redirect方法。

以下这些方法全部是调用上面的Ajax方法，不同的是只修改对应的type方法,所以说只用Ajax方法即可。
$.get(url='XX',data:{},success)
$.post
巴特西

前端学习之- Ajax

最新文章

热门文章
