JQuery中的Ajax怎么用
这篇文章主要介绍JQuery中的Ajax怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站长期为1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为兴县企业提供专业的成都做网站、成都网站建设,兴县网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
JQuery对Ajax操作进行了封装,在JQuery的最底层的方法是$.ajax(),第二层是load() $.get() $.post(), 第三层是$.getScript()和$.getJSON().
Insert title here
load()方法是JQuery中最为简单和常用的Ajax方法,能载入远程的HTML代码并插入到DOM中。它的结构是 load(url[,data][,callback])
url (String)请求HTML页面的URL地址
data(可选)(Object)发送到服务器的key/value数据
callback(可选) (Function)请求完成时的回调函数,无论请求成功或失败
可以使用url selector
Insert title here
a.html
http://www.baidu.comH2 Test QQ
$.get()(或$.post())方法
$.get()方法使用GET方式来进行异步请求,结构是$.get(url[,data][,callback][,type])
url (String)请求HTML页面的URL地址
data(可选)(Object)发送到服务器的key/value数据,数据位作为QueryString附加到请求的url中
callback(可选) (Function)载入成功时的回调函数(只有当reponse的返回状态是success时才调用该方法)自动将请求结果和状态传递给该方法
type(可选)(String)服务器返回内容的格式,包括xml、html、script、json、text、default
textstatus代表请求状态,包括success error notmodify timeout
$.get() $.post() 是JQuery中的全局函数
find() 等方法都是对JQuery对象进行操作的方法
Insert title here
andy.xml
Andy Budd http://www.baidu.com umgsai@126.com
下面使用json格式数据来实现上面的功能
Insert title here