【转】ajax请求data数据格式(传递json的方式)

 原文链接:https://blog.csdn.net/jaryle/article/details/82937256

 

ajax有三种传递传递data的方式:

  • json格式
  • json字符串格式
  • 标准参数模式

1.json格式形如: 
{“username”:”chen”,”nickname”:”alien”}

$.ajax({
    type:"post",
    url:"/test/saveUser",
    data:{"username":"chen","nickname":"alien"},
    dataType:"json",
    success: function(data){
        console.log(data);
    }
});

 

2.json字符串 

形如: 
“{“username”:”chen”,”nickname”:”alien”}” 或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})

$.ajax({
    type:"post",
    url:"/test/saveUser",
    data:JSON.stringify({"username":"chen","nickname":"alien"}),
    contentType:"json/application"
    dataType:"json",
    success: function(data){
        console.log(data);
    }
});

 

 

用此格式get请求参数传递不过去,不会把json串解析成参数 
而且需要添加 contentType:”json/application”

 

3.标准参数模式

形如: 
“username=chen&nickname=alien

$.ajax({
    type:"post",
    url:"/test/saveUser",
    data:"username=chen&nickname=alien",
    dataType:"json",
    success: function(data){
        console.log(data);
    }
});

 

 

$(“#form1”).serialize() 就是把表单的数据拼成这个格式的字符串!

总结:

post请求能用1、2、3类型传递参数 
get请求能用1、3类型传递参数 
$(“#form1”).serialize() 是将对应表单中的input的name和value进行拼装,最后拼成3类型的字符串

 

 

posted on 2021-01-31 10:09  不知所以随风飘动  阅读(1950)  评论(0编辑  收藏  举报

导航