awark 发表于 2013-1-23 01:43:45

jQuery Ajax

先来看看jQuery.ajax(options)的简单介绍：
　　　　通过 HTTP 请求加载远程数据。
　　　　jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。
　　　　$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。
　　　　$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。
 
　　返回值：
　　　　XMLHttpRequest
 
　　参数：
　　　　options (可选) : AJAX 请求设置。所有选项都是可选的。
 
　　选项（只对此实例用到的选项进行解释）：
　　　　type (String) : (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
　　　　url (String) : (默认: 当前页地址) 发送请求的地址。
　　　　data (Object,String) : 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。
　　　　　　　　　　　　　　　 必须为 Key/Value格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
　　　　beforeSend (Function) : 发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。 Ajax 事件.
　　　　success (Function) : 请求成功后回调函数。参数：服务器返回数据，数据格式。 Ajax 事件。
　　实例：
　　　　用$.ajax()提交两个数值并返回这两个数值的和。
　　　　本实例使用jQuery 1.4.2类库。
　　　　先看HTML文件的部分代码：
 
<div class="cnblogs_code"><!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--><body>
    <form id="form1" runat="server">
    <div style="font-size:12px; padding-left:15px; padding-top:15px;">
       <input type="button" id="btn_ok" value="测试" onclick="FunAjax()" />
         
       <span id="span_content">显示结果</span>
    </div>
    </form>
</body>
页: [1]
查看完整版本: jQuery Ajax