JQuery简单学习(9)——jQuery AJAX 函数
?
jQuery 拥有供 AJAX 开发的丰富函数(方法)库。
——————————————————————
?
什么是 AJAX?
AJAX = Asynchronous JavaScript and XML.
?
AJAX 是一种创建快速动态网页的技术。
?
AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。
——————————————————————AJAX 和 jQueryjQuery 提供了供 AJAX 开发的丰富函数(方法)库。$(selector).load(url,data,callback)
<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 参数。
?
??text1.txt
?
AJAX is not a programming language.It is just a technique for creating better and more interactive web applications.?
?
?
——————————————————————<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 请求
(url) 被加载的数据的 URL(地址)
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时,所执行的函数
(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项
?