当前位置:首页 > CSS > 关键词 > ajax > 正文

ajax传递data的三种传递方式

ajax传递data的三种传递方式

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

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() 就是把表单的数据拼成这个格式的字符串!

用法总结

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

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/935.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用