JQuery ajax 使用
来源:互联网 发布:一些整人简单编程代码 编辑:程序博客网 时间:2024/06/07 23:25
$.get 方法通过远程 HTTP GET 请求载入信息。
这是一个简单的 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的参数描述
参数 描述
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数据的异步请求
//2.$.ajax序列化表格内容为字符串的异步请求
更详细的文档可以看:http://hemin.cn/jq/
这是一个简单的 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/
1 0
- JQuery中使用ajax $.ajax()
- Ajax-jQuery的Ajax使用
- 【Ajax-Jquery】使用JQuery 简化Ajax 开发
- JQuery中使用AJAX
- Jquery ajax 使用
- Jquery.ajax的使用
- jquery ajax 使用浅析
- Jquery中Ajax使用
- jquery ajax 使用实例
- Jquery中Ajax使用
- jquery ajax的使用
- jquery中的ajax使用
- jQuery.ajax 使用点滴
- jQuery中使用Ajax
- jquery ajax使用小结
- jquery ajax .net使用
- jQuery入门-使用AJAX
- 使用JQUERY简化AJAX
- 第一次实训后的一些感受
- python __str__()、__iter__()迭代器
- colspan测试示例程序
- js 遍历map
- jq 常用函数
- JQuery ajax 使用
- IDEA 快捷键的使用
- 希尔排序
- MySql多个字段合并成一个字段
- 2016秋季练习
- JDBC requires that the JdbcType must be specified for all nullable parameters.
- 关于enter 自动提交的解决方法
- JQ Cookie 获取历史浏览记录
- java Cookie 获取历史记录列表