1. 程式人生 > >ajax請求data資料格式(傳遞json的方式)

ajax請求data資料格式(傳遞json的方式)

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型別的字串