Ajax的三种简单应用
agax()方式
$.ajax({
url:"../user/ajax1", //后台地址
type:"GET", // 请求方式
//data:"name=ljk&age=29", //请求参数
data:{
"name":"ljk",
"age":24
},
dataType:"json", //设置接收到的响应数据的格式
contentType : "application/json", //Jquery默认Content-Type为application/x-www-form-urlencoded类型
// async:"",是否异步
success:function (data) { //响应后的回调函数
console.log(data)
},
error:function () { //请求响应出错后的回调函数
alert("出错了");
}
});
get()方式
$.get("../user/ajax1",
{
name:"ljk",
age:24
},
function (data) {
console.log(data)
}, //响应后的回调函数
"text" //设置接收到的响应数据的格式
);
post()方式
$.post("../user/ajax1",
{
name:"ljk",
age:24
},
function (data) {
console.log(data)
}, //响应后的回调函数
"text" //设置接收到的响应数据的格式
);
-------------------------------ajax表单序列化----------------------
1.serialize()方法
格式：var data = $(“form”).serialize();
功能：将表单内容序列化成一个字符串。 //name=zhangsan&sex=1&age=20
这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $(“form”).serialize() 即可。
2.serializeArray()方法
格式：var jsonData = $(“form”).serializeArray();
功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如，[{“name”:“lihui”, “age”:“20”},{…}] 获取数据为 jsonData[0].name
