jQuery小笔记 Ajax(一)
来源:互联网 发布:three.js position 编辑:程序博客网 时间:2024/05/20 16:00
1. jQuery.ajax( url, [ settings ] )
执行一个异步的HTTP(Ajax)的请求。
Example: 作为发送数据到服务器的ID,保存一些数据到服务器,并通知用户一旦它的完成。请注意,此用法 - 返回到一个变量的调用的结果 - 需要同步(阻塞)的要求! (异步:假)
bodyContent = $.ajax({ url: "script.php", global: false, type: "POST", data: ({id : this.getAttribute('id')}), dataType: "html", async:false, success: function(msg){ alert(msg); } }).responseText; 2..ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) ) 当Ajax请求完成后注册一个回调函数。这是一个 Ajax 事件. $('.log').ajaxComplete(function() { $(this).text('Triggered ajaxComplete handler.');}); 3..ajaxError( handler(event, XMLHttpRequest, ajaxOptions, thrownError) ) Ajax请求出错时注册一个回调处理函数,这是一个 Ajax 事件。 $('.log').ajaxError(function() { $(this).text('Triggered ajaxError handler.');}); 4..ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) ) 每当一个Ajax请求即将发送,jQuery就会触发ajaxSend
事件,在这个时间点所有处理函数都会使用.ajaxSend()
方法注册并执行。 $('.log').ajaxSend(function() { $(this).text('Triggered ajaxSend handler.');}); 5. jQuery.ajaxSetup( options ) 设置未来(可以理解为全局)的 AJAX请求默认选项。 举个例子,我们可以事先设置服务器重复响应的默认URL参数:
$.ajaxSetup({ url: 'ping.php',}); 6..ajaxStart( handler() ) 在AJAX 请求刚开始时执行一个处理函数。 这是一个 Ajax 事件. $('.log').ajaxStart(function() { $(this).text('Triggered ajaxStart handler.');}); 7..ajaxStop( handler() ) 在Ajax请求停止后隐藏加载信息。 $('.log').ajaxStop(function() { $(this).text('Triggered ajaxStop handler.');}); 8..ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) ) 当一个Ajax请求成功完成时显示一个信息 $('.log').ajaxSuccess(function() { $(this).text('Triggered ajaxSuccess handler.');}); 9.jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] ) 通过服务器HTTP GET请求加载数据。
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); }); 10..jQuery.getJSON( url, [ data ], [ success(data, textStatus, jqXHR) ] ) 通过 HTTP GET 请求从服务器载入 JSON 数据。
$.getJSON("test.js", function(json) { alert("JSON Data: " + json.users[3].name);}); 11.jQuery.getScript( url, [ success(data, textStatus) ] ) 通过 HTTP GET 请求从服务器载入并执行一个 JavaScript 文件 $.getScript("test.js");
$.getScript("test.js", function(){ alert("Script loaded and executed.");}); 12..load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 载入远程 HTML 文件代码并插入至 DOM 中。 $("#feeds").load("feeds.html");
13.jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] ) 通过服务器HTTP POST请求加载数据
$.post("test.php", { name: "John", time: "2pm" }, function(data) { alert("Data Loaded: " + data); }); 14..serialize() 将用作提交的表单元素的值编译成字符串。 $('form').submit(function() { alert($(this).serialize()); return false;}); 15..serializeArray() 将用作提交的表单元素的值编译成拥有name和value对象组成的数组。例如[ { name: a value: 1 }, { name: b value: 2 },...]
$('.log').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');
});
3..ajaxError( handler(event, XMLHttpRequest, ajaxOptions, thrownError) )
Ajax请求出错时注册一个回调处理函数,这是一个 Ajax 事件。
$('.log').ajaxError(function() {
$(this).text('Triggered ajaxError handler.');
});
4..ajaxSend( handler(event, XMLHttpRequest, ajaxOptions) )
每当一个Ajax请求即将发送,jQuery就会触发
ajaxSend
事件,在这个时间点所有处理函数都会使用.ajaxSend()
方法注册并执行。$('.log').ajaxSend(function() {
$(this).text('Triggered ajaxSend handler.');
});
5. jQuery.ajaxSetup( options )
设置未来(可以理解为全局)的 AJAX请求默认选项。
举个例子,我们可以事先设置服务器重复响应的默认URL参数:
$.ajaxSetup({
url: 'ping.php',
});
6..ajaxStart( handler() )
在AJAX 请求刚开始时执行一个处理函数。 这是一个 Ajax 事件.
$('.log').ajaxStart(function() {
$(this).text('Triggered ajaxStart handler.');
});
7..ajaxStop( handler() )
在Ajax请求停止后隐藏加载信息。
$('.log').ajaxStop(function() {
$(this).text('Triggered ajaxStop handler.');
});
8..ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )
当一个Ajax请求成功完成时显示一个信息
$('.log').ajaxSuccess(function() {
$(this).text('Triggered ajaxSuccess handler.');
});
9.jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )
通过服务器HTTP GET请求加载数据。
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
10..jQuery.getJSON( url, [ data ], [ success(data, textStatus, jqXHR) ] )
通过 HTTP GET 请求从服务器载入 JSON 数据。
$.getJSON("test.js", function(json) {
alert("JSON Data: " + json.users[3].name);
});
11.jQuery.getScript( url, [ success(data, textStatus) ] )
通过 HTTP GET 请求从服务器载入并执行一个 JavaScript 文件
$.getScript("test.js");
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
12..load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )
载入远程 HTML 文件代码并插入至 DOM 中。
$("#feeds").load("feeds.html");
13.jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )
通过服务器HTTP POST请求加载数据
$.post("test.php", { name: "John", time: "2pm" },
function(data) {
alert("Data Loaded: " + data);
});
14..serialize()
将用作提交的表单元素的值编译成字符串。
$('form').submit(function() {
alert($(this).serialize());
return false;
});
15..serializeArray()
将用作提交的表单元素的值编译成拥有name和value对象组成的数组。例如[ { name: a value: 1 }, { name: b value: 2 },...]
- jQuery小笔记 Ajax(一)
- jQuery小笔记 Ajax(一)
- jQuery学习笔记:Ajax(一)
- jQuery学习笔记:Ajax(一)
- JQuery学习笔记(一)——AJax
- jQuery之ajax学习笔记一
- jquery+ajax小例子。
- jquery+ajax+json+asp.net学习笔记(一)
- jQuery与Ajax(一)
- jquery学习 ajax一
- AJAX 笔记2:JQuery AJAX
- Ajax笔记-jQuery操作Ajax
- AJAX小笔记
- ajax方法 小笔记
- jQuery学习笔记--jQuery Ajax
- JQuery笔记(六)-Ajax
- jQuery.ajax()笔记
- ajax|jquery笔记
- 默认网关
- 9.22烽火众智
- qperf测量网络带宽和延迟
- 随滚动条移动的层
- ubuntu12.04搭建android编译环境
- jQuery小笔记 Ajax(一)
- [.NET学习]抽象&#
- div层固定在页面某一位置
- 通过C#命令行&#
- c#编码好习惯
- unitiy3d cosco2d教程网址如何学好iphone游戏开发
- 机器学习与人
- 机器视觉网站
- 在vs2008里安装使&#