jQuery AJAX
2015-01-29 11:04
197 查看
jQuery对ajax进行了封装,在jQuery中ajax()属于最底层的方法,第二层是load(),get(),post(),第三层是getScript(),getJSON()方法。
1、get()请求
jQuery.get(url,[data],[success(data,textStatus,jqXHR)],[dataType])
url:表示要请求的URL
data:表示一个对象结构的名/值对列表
success(data,textStatus,jqXHR):表示异步交互成功之后调用的回调函数。回调函数的参数值为服务器端响应的信息
datatype:表示服务器端响应信息返回的内容格式,如XML,JOSN,HTML
例子:
$(function(){
$("input").click(function(){ //绑定click事件
$.get("test.asp",{ //向test1.asp文件发出请求
name : "zhangsan", //发送的请求信息
pass : 123456,
age : 1
},function(data){ //回调函数
alert(data); //显示响应信息
});
});
})
2、post()请求
post请求方式与get请求截然不同。post请求支持发送任意格式、任意长度的数据,而不仅仅限于名/值对字符串。传递二进制的文件、大容量需不需、安全信息或XML时使用post比较高效。但是post方法和get方法用法上市完全相同的。
3、ajax()请求
ajax()方法是jQuery实现ajax的底层方法,aja()方法的参数较为复杂,能够处理各类特殊的异步交互行为。
ajax方法的参数项过多,这里就不做描述了。
4、load()方法
jQuery定义了可以加载网页文档的方法load(),load()能够把加载的网页文件附加到指定的网页标签中
5、getJSON()
能够接受服务器端的JSON格式的数据
6、getScript
能够动态加载服务器端JS文件
1、get()请求
jQuery.get(url,[data],[success(data,textStatus,jqXHR)],[dataType])
url:表示要请求的URL
data:表示一个对象结构的名/值对列表
success(data,textStatus,jqXHR):表示异步交互成功之后调用的回调函数。回调函数的参数值为服务器端响应的信息
datatype:表示服务器端响应信息返回的内容格式,如XML,JOSN,HTML
例子:
$(function(){
$("input").click(function(){ //绑定click事件
$.get("test.asp",{ //向test1.asp文件发出请求
name : "zhangsan", //发送的请求信息
pass : 123456,
age : 1
},function(data){ //回调函数
alert(data); //显示响应信息
});
});
})
2、post()请求
post请求方式与get请求截然不同。post请求支持发送任意格式、任意长度的数据,而不仅仅限于名/值对字符串。传递二进制的文件、大容量需不需、安全信息或XML时使用post比较高效。但是post方法和get方法用法上市完全相同的。
3、ajax()请求
ajax()方法是jQuery实现ajax的底层方法,aja()方法的参数较为复杂,能够处理各类特殊的异步交互行为。
ajax方法的参数项过多,这里就不做描述了。
4、load()方法
jQuery定义了可以加载网页文档的方法load(),load()能够把加载的网页文件附加到指定的网页标签中
5、getJSON()
能够接受服务器端的JSON格式的数据
6、getScript
能够动态加载服务器端JS文件
相关文章推荐
- jQuery ajax提交Form表单实例(附demo源码)
- jQuery AJAX方法 后台返回一个实体类的list
- jQuery Ajax 简单的实现跨域请求
- Struts2使用jquery ajax返回json数据
- jquery ajax无效的一个可能原因
- jquery ajax向spring mvc controller中传值并接受及解析返回值
- jquery ajax 获取后台数据 (纯文本)
- jquery ajax 跨域设置
- JSONP jQuery Ajax 跨域请求
- Jquery ajax 提交表单
- JQuery Ajax()方法
- jquery ajax的例子
- 解决jQuery ajax动态新增节点无法触发点击事件的问题
- jquery Ajax实现Select动态添加数据
- jquery ajax 提交form表单 以及django后台接受
- jquery Ajax方法总结
- JQuery AJAX $.ajax()方法
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中的参数含义
- [py]tornado-jquery ajax