【1029 | Day55】AJAX传json数据格式

目录

• AJAX传json数据格式
  • 1. 前端
  • 2. 后端
  • 3. 示例

AJAX传json数据格式

1. 前端

注意点：

• 指定contentType参数
  • contentType:'application/json'
• 要将你发送的数据，确保是json格式
  • data:JSON.stringify({'username':'jason','password':'123'})

​

2. 后端

注意点：

• django后端针对json格式的数据，不会自动帮你解析
• 会直接原封不动的给你放到request.body中
• 你可以手动处理获取数据

json_bytes = request.body
json_str = str(json_bytes,encoding='utf-8')
json_dict = json.loads(json_str)

3. 示例

$('#b1').on('click',function () {
        // 朝后端提交post数据
        $.ajax({
            // 1.到底朝后端哪个地址发数据
            url:'',  // 专门用来控制朝后端提交数据的地址  不写默认就是朝当前地址提交
            // 2.到底发送什么请求
            type:'post',  // 专门制定ajax发送的请求方式
            // 告诉后端你当前的数据格式 到底是什么类型
            contentType:'application/json',
            // 3.发送的数据到底是什么
            {#data:{'t1':$('#t1').val(),'t2':$('#t2').val()},#}
            data:JSON.stringify({'username':'jason','password':'123'}),
            // 4.异步提交的任务 需要通过回调函数来处理
            success:function (data) {  // data形参指代的就是异步提交的返回结果
                // 通过DOM操作将内容 渲染到标签内容上
                {#$('#t3').val(data)#}
                alert(data)
            }
        })
    })

Get了吗？？！！！我Get了，下篇见：)