ajax传参要怎么传?ajax传参

TheDisguiser 2020-04-01 16:44:47 java常见问答 5163

Ajax相信大家都很熟悉了,可以说是前端开发的必要技术之一,上回我们已经了解过ajax,一些基础的知识相信大家都知道了,那你们知道ajax传参该怎么传么?下面小编就来带大家了解一下,ajax到底该如何传参。

Ajax传参所需:

客户端和服务器

1.请求:request

2.响应:response

服务器响应事件:onreadystatechange()

send()  用于向后台传递参数;

Ajax的请求方式

get: 看得见,传送数据小,通过网络地址

post: 看不见,传送数据大,通过http中的某个对象的一个body属性

下面是例子:

URL传参:

let name ="suveng";
let user="ss"
$.ajax({ 
url: "/login/authenticate?name="+name+"&user="+user, //请求的url地址 
dataType: "json", //返回格式为json 
async: true, //请求是否异步,默认为异步,这也是ajax重要特性 
data: {}, //参数值 
type: "GET", //请求方式 
beforeSend: function(request) { 
//请求前的处理...
}, 
success: function(data) { 
//请求成功时处理...
}, 
complete: function() { 
//请求完成的处理...
}, 
error: function() {
 //请求出错处理...
  }
});

序列化表单传参:

var params=$('#login').serialize(); //把id为login的form表单里的参数自动封装为参数传递
$.ajax({ 
url: "/login/authenticate", //请求的url地址 
dataType: "json", //返回格式为json 
async: true, //请求是否异步,默认为异步
data: params, //参数值 
type: "GET", //请求方式 
beforeSend: function(request) { 
//请求前的处理...
}, 
success: function(data) { 
//请求成功时处理...
}, 
complete: function() { 
//请求完成的处理...
}, 
error: function() {
 //请求出错处理...
  }
});

JSON传参

let name ="suveng";
let user="ss";
var data = {"name":name,"user":user}
$.ajax({ 
url: "/login/authenticate", //请求的url地址 
dataType: "json", //返回格式为json 
async: true, //请求是否异步 默认为异步
data: data, //参数值 
type: "GET", //请求方式 
beforeSend: function(request) { 
//请求前的处理...
}, 
success: function(data) { 
//请求成功时处理...
}, 
complete: function() { 
//请求完成的处理...
}, 
error: function() {
 //请求出错处理...
  }
});

以上就是关于ajax如何传参的所有内容了,更多相关内容请持续关注本站。