jQuery AJAX 函数学习

xieruilin · 发表于 2013-1-23 01:41:09

jQuery AJAX 函数
jQuery 提供了供 AJAX 开发的丰富函数（方法）库。
通过 jQuery AJAX，使用 HTTP Get 和 HTTP Post，您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。
而且您可以直接把远程数据载入网页的被选 HTML 元素中！

jQuery 的 load 函数是一种简单的（但很强大的）AJAX 函数。它的语法如下：
$(selector).load(url,data,callback)
请使用选择器来定义要改变的 HTML 元素，使用 url 参数来指定您的数据的 web 地址。
例：
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("#b01").click(function(){ $('#myDiv').load('/jquery/test1.txt'); });});</script></head><body><div id="myDiv"><h2>Let AJAX change this text</h2></div><button id="b01" type="button">Change Content</button></body></html>
只有当您希望向服务器发送数据，才需要使用 data 参数。只有当您需要在完毕之后触发一个函数时，您才需要使用 callback 参数。

Low Level AJAX
$.ajax(options) 是低层级 AJAX 函数的语法。
$.ajax 提供了比高层级函数更多的功能，但是同时也更难使用。
option 参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
例：
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); });});</script></head><body><div id="myDiv"><h2>Let AJAX change this text</h2></div><button id="b01" type="button">Change Content</button></body></html>

jQuery AJAX 请求
$(selector).load(url,data,callback) 把远程数据加载到被选的元素中
$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback) 加载并执行远程的 JavaScript 文件

更多Ajax函数参考：jQuery 参考手册 - Ajax http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp

		自动登录	找回密码
密码			立即注册