jQuery小笔记 Ajax(一)

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 },...]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

你可能感兴趣的:(JQuery,ajax,jquery,xmlhttprequest,function,服务器,url)