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如何传参的所有内容了，更多相关内容请持续关注本站。