JQuery ajax 使用
$.get方法通过远程HTTPGET请求载入信息。
这是一个简单的GET请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。
它的主要几个参数,像method,async等进行了默认设置,我们不可以改变的
$.post(URL,data,callback);
$("button").click(function(){
$.get("test.jsp",function(data,status){
alert("Data:"+data+"\nStatus:"+status);
});
});
一、$.ajax的一般格式
$.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType });
二、$.ajax的参数描述
参数描述
url必需。规定把请求发送到哪个URL。
data可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data,textStatus,jqXHR)可选。请求成功时执行的回调函数。
dataType可选。规定预期的服务器响应的数据类型。默认执行智能判断(xml、json、script或html)。
async类型:Boolean默认值:true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。如果执行后还需要执行其他函数的必须用同步
cache:如果cache为true,会缓存ajax结果,第二次及更多次的调用会用缓存中的结果。
如果不想使用缓存,只要cache:false就可以了。
三、$.ajax需要注意的一些地方:
1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit
四、$.ajax我的实际应用例子
//1.$.ajax带json数据的异步请求
$.ajax({ url: '${root}/wap/3d/getNotPrizeUserCount/${uuid}',// 跳转到 action dataType: 'json', data:{ selRollBack : selRollBack, selOperatorsCode : selOperatorsCode, PROVINCECODE : PROVINCECODE, }, async: false, success: function (data) { if (data.result == 1) { return false; } else { notPrizeUserCount = data.notPrizeUserCount; } }, error: function () { } });
//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){ var formParam = $("#Myform").serialize();//序列化表格内容为字符串 $.ajax({ type:'post', url:'url', data:formParam, cache:false, dataType:'json', success:function(data){ } }); }
更详细的文档可以看:http://hemin.cn/jq/
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo