十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 。
创新互联主要从事网站设计制作、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务万秀,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
$.ajax的一般格式
$.ajax({
type: 'POST',
url: url ,
data: data ,
dataType:dataType ,
success: success ,
error: error
});
扩展资料
$.ajax的参数描述
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType
可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。
$.ajax需要注意的一些地方:
1、data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
2、$.ajax只提交form以文本方式,如果异步提交包含file上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit
// 登陆
function loginAjax(param) {
var self = this;
$.ajax({
type: 'post',
url: '/user/login',
dataType: 'json',
data: param,
success: function(data) {
},
error: function(error) {
console.log(error);
}
})
}
1.以上是一个登录的Ajax方法,参数说明
url: 请求的链接地址
data: 请求的参数 以json格式传递 例如:{username: 'name', password: '123456'}
type: 请求方法 常用的是 get 或者post , 默认为get请求。
dataType: 预期服务器返回的数据类型
2.以下是jQuery官方文档中的一段ajax请求代码:
$.ajax({
type: "POST",
url: "some.php",
data: "name=Johnlocation=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
var params="username="+"1";
$.ajax({
type : "POST", //数据发送方式
url : "../servlet/clearCache",
dataType : "json", //接受数据格式 (这里有很多,常用的有html,xml,js,json)
data:params,//'date='+new Date(), 要传递的数据
success : function(msg) {
//console.info(data);
alert(msg.message);
},
error : function () {
alert("请求出错!");
}
});
例如:
var username="niudun";
var password="123";
params="username="+username+"password="+password;
后台取得:
String username=request.getParameter("username");
String password=request.getParameter("password");
扩展资料:
Jquery.Ajax()的data参数类型
类似“uname=alicemobileIpt=110birthday=1983-05-12“”这样的字符串。
除了这三种类型,还可以是JSON字符串,形如:
{"name": "uname", "age": 18}
注意,这个地方不是json对象,是json字符串,字符串,这样,在后台就可以直接注入到对象中。
当你需要向后台提交一组对象时时,json字符串的好处就体现出来了(对象数组)一般都是用post方法传递参数。
在jquery的ajax函数中,可以传入3种类型的数据:
1.文本:"uname=alicemobileIpt=110birthday=1983-05-12"
2.json对象:{uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'}
3.json数组:
[
{"name":"uname","value":"alice"},
{"name":"mobileIpt","value":"110"},
{"name":"birthday","value":"2012-11-11"}
]
所以,可以一键获取表单并提交,非常方便。