Ajax发送POST请求对数据的封装

Ajax发送POST请求把数据到后端后，后端收到数据并解析出来

示列一：

Ajax发送请求，这里主要是发送一个数组的数据类型到后端，如果没有先把数组进行格式化成字符串的话，后端就收了就是一个字符串类型，为了后端接收的是一个列表的类型，所以先进行JSON.stringify()进行数据的转化：

var tr = $(":checked").parent().parent();
    if(tr.length != 0){
        tr.each(function(){
            postList.push($(this).attr(\'id\'));      // 选择的id
        });
        //console.log(postList);                       // [1,2,3]

        if(postList != \'\'){
            $.ajax({
            url: \'/demo/user/\',
            type: \'POST\',
            dataType: \'JSON\',
            // data: JSON.stringify(postList),       //这里是把列表转化为字符串
            data: JSON.stringify({                     // 把键值对格式转化为字符串
            \'postList\':postList,
            \'value\':status
            }),
            success:function (arg) {
               if(arg.status){
                    alert(arg.msg);
                    window.location.reload();
               }else {
                    alert(arg.msg);
               }
               }
            });
            }
        }else{
            alert(\'请选择要设置的用户\')
        }

　　

Py后端接收：

def users_list(request):
    if request.method == "POST":
        content = request.body                            # 字节
        content = str(content, encoding=\'utf-8\')    # 字符串
        result = json.loads(content)                      # 再通过json解析成一个字典，字典包含前端传的列表
        # print(\'结果\', result,type(result))              # {\'value\': \'True\', \'postList\': [\'5\']} <class \'dict\'>
        response = {\'status\':False,\'msg\':None}
        # for id in result:
        for id in result[\'postList\']:
             print(id)
        return JsonResponse(response)

 

示列二：

Ajax发送请求：

$.ajax({
                url: \'/demo/user/\',
                type: \'POST\',
                dataType: \'JSON\',
                // data: JSON.stringify(postList),       //这里是把列表转化为字符串
                data:{                     // 把键值对格式转化为字符串
                    \'username\':\'ray\',
                    \'password\':\'123456\'
                },
                success:function (arg) {
                    if(arg.status){
                        alert(arg.msg);
                        window.location.reload();
                    }else {
                        alert(arg.msg);
                    }
                }
            });

这里data也可以用FormData来封装数据，例如：
var data = new FormData();
data.append(\'name\',$(":input[name=\'name\']").val());
data.append(\'file\',$(":input[name=\'file\']")[0].files[0]);  //文件

　　

Py后端接收：

def ajaxpost(request):
        result = {}
        if request.method == "POST":
        username = request.POST.get(\'username \')
        password= request.POST.get(\'password\')
        return Jsonresponse(result)

　　

总结：

这里主要是记录Ajax发送数据对数据格式的封装。

① 如果前端需要发送一个列表格式的数据给后端，则需要通过 JSON.stringify() 先把数据转换为字符串发送给后端，后端可以通过request.body获取到数据并把数据用 json.reloads 解析出来。

② 如果前端直接发送一个键值对的数据给后端，后端在接收数据的时候可直接通过request.POST获取即可。