基于Jquery的Ajax入门
[ 文章作者：钟艺东 最后修改：2009年9月3日 ]
[ 文章链接：http://www.g868.com/jquery-ajax-based-entry.html ]
[ 文章链接：http://www.g868.com/jquery-ajax-based-entry.html ]
jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。
JQuery基础介绍：
Ready
在JQuery中有个名字叫ready的函数，我们可以把它看做一个程序的入口点，相当于C和JAVA中的main函数。
选择器
JQuery的选择器相当丰富，本文仅入门级别的介绍有关Ajax方面的内容，其他的选择器可以查阅Jquery API。
$("#ID名称")
这是一个标准的选择器，注意前面有个#。
Ajax API
$.ajax(properties)
这是jQuery的低级AJAX实现，使用HTTP请求（XMLHttpRequest）载入一个远程页面。
$.ajax()带有一个参数－－“名/值对”形式的一个对象，用于初始化和处理请求。以下就是可用的所有“名/值对”：
(String) url - 要将请求发送到的URL地址。
(String) type - 请求的类型 ("POST" 或 "GET"), 默认是 "GET"。
(String) dataType - 期望从服务器端返回的数据类型。无默认值：如果服务器返回XML，就将responseXML传递到回调函数，否则将resposeText传递到回调函数。
(Boolean) ifModified - 只有响应自上次请求后被修改过才承认是成功的请求。是通过检查头部的Last-Modified值实现的。默认值为false，即忽略 对部分的检查。
(Number) timeout - 覆盖全局延迟的局部延迟，例如，在其他所有延迟经过1秒钟后，启动一个较长延迟的单独请求。有关全局延迟，见$.ajaxTimeout()。
(Boolean) global - 是否为当前的请求触发全局AJAX事件处理函数，默认值为true。设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数。
(Function) error - 当请求失败时调用的函数。这个函数会得到三个参数：XMLHttpRequest对象、一个描述所发生的错误类型的字符串和一个可选异常对象（如果有）。
(Function) success - 当请求成功时调用的函数。这个函数会得到一个参数：从服务器返回的数据（根据“dataType”进行了格式化）。
(Function) complete - 当请求完成时调用的函数。这个函数会得到两个参数：XMLHttpRequest对象和一个描述请求成功的类型的字符串。
(Object|String) data - 要发送到服务器的数据。如果还不是一个字符串，就自动轮换为一个查询字符串。即附加到GET请求的url后面的字符串。要防止自动处理见processData选项。
(String) contentType - 设置发送请求的content=type。默认值是 "application/x-www-form-urlencoded", 这个值能满足多数情况。
(Boolean) processData - 在默认的情况下，如果data选项传进的数据是一个对象而不是字符串，将会自动地被处理和转换成一个查询字符串，以适应默认的content- type－－"application/x-www-form-urlencoded"。如果想发送DOMDocuments，就要把这个选项设置为 false。
(Boolean) async - 在默认的情况下，所有请求都是以异步的方式发送的（值为true）。如果要使用同步方式，需要将此项设置为false。
(Function) beforeSend - 用于设置自定义头部等信息的预调用函数，接收一个唯一的参数--XMLHttpRequest对象。
以下为一个通用的基于Jquery的Ajax代码：
$(function (){ //$(document).ready(function (){ 的简写 入口 doajax('在这里添你的URL'); }); function doajax(ajaxurl){ //参数为接受的网页 $('#LoadingStatus').show(); //显示等待层，比如:载入中.... $.ajax({url: ajaxurl, type: 'GET', dataType: 'html', timeout: 20000, error: function( {alert('error');$('#LoadingStatus').hide(500); }, success: function(html){ $('#LoadingStatus').hide(500); $('#article').html(html); //这里修改成你获取层的ID } }); }
