前言

今天使用Ajax时,发现GET传data时,传递Json字符串时传不过去参数,所以做了一些实验测试Ajax的GET和Post的传递data时的不同。

概念

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

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

Json格式

提交数据:

{“username”:”chen”,”nickname”:”alien”}

AJAX:

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

Json字符串

提交数据:

“{“username”:”chen”,”nickname”:”alien”}”

或者

JSON.stringify({“username”:”chen”,”nickname”:”alien”})

AJAX:

$.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”

标准参数模式

提交数据:

“username=chen&nickname=alien”

AJAX:

$.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类型的字符串

最后修改:2022 年 01 月 28 日
如果觉得我的文章对你有用,请随意赞赏