JQuery AJAX
ajax是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。
AJAX请求
- 通过HTTP请求加载远程数据
- JQuery底层AJAX实现$.ajax()返回其创建的XMLHttpRequest对象
- $.ajax()只有一个参数:参数key/value对象,包含配置及回调函数信息。
AJAX请求设置
- async(Boolean):默认true,所有的请求均为异步;false:发送的是同步请求,就是其他操作须等待请求完成才可以执行
- beforeSend(Function):发送请求前可以修改XMLHttpRequest对象的函数,XMLHttpRequest对象是唯一的参数
- cache(Boolean):默认true;设置false将不会从浏览器缓存中加载请求信息。
- complement(Function):请求完成后返回回调函数(请求成功或失败均调用);
- contendType(String):默认"application/x-www-form-urlencoded"发送信息至服务器时内容的编码类型
- data(Object,String):发送到服务器的数据,将自动转化成字符串格式
- dataType(String):预期服务器返回的数据类型,可用值有:xml,html,json,jsonp,script
- error(Function):默认自动判断请求失败时调用的事件,参数有:XMLHttpRequest对象,错误信息,捕获错误的对象
- global(Boolean):默认true,是否触发全局AJAX事件,false不触发全局AJAX事件,
如ajaxStart或ajaxStop可用控制不同的AJAX事件 - ifModified(Boolean):默认true,仅在服务器数据改变时获取新数据
- processData(Boolean):默认true,默认情况下发送的数据将被转换为对象(技术上讲并非字符串)以配合默认内容类型
- success(Function):请求成功之后回调函数,参数:服务器返回数据,数据格式
- timeout(Number):设置请求超时时间(毫秒),此设置会覆盖全局设置
- type(String):默认GET,请求方式,如果是HTTP请求,必须是POST
- url(String):默认当前页地址,发送请求的地址
JQuery-AJAX示例
$.ajax({
url:'ajax_json.jsp', //后台处理程序
type:'get', //数据发送的方式
dataType:'json', //接收数据的方式
data:{"inputval":inputval}, //要传递的数据参数,参数要以键值对的形式传递
success:function(data){
//ajax请求成功之后要执行的语句
},
error:function(XMLHttpRequest,textStatus,errorThrown){
//ajax请求失败之后要执行的语句
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});