前言
对于什么是ajax,首先请看我的前一篇文章 AJAX的简单使用 ,ajax的普通使用中,用的是js代码,我们都知道或者下面你将知道:jQuery是js优秀的开源框架,它的原则是 “写的更少,做的更多”。自然,在jQuery中也提供了ajax的使用方法。下面就跟我们一起看看
总概
在jQuery中,常用的使用ajax的方法有 1.load() 2.get() 3.post()
1、load()
作用:load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中,通常用来从Web服务器上获取静态的数据文件
语法:
$(selector).load(URL[,data][,callback]);
1.必需的 URL 参数规定您希望加载的 URL。
可以在URL中添加jQuery 选择器控制加载文档的内容筛选 格式如: URL = 地址 [选择器] (中间为空格)
2.可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
一般不使用
3.可选的 callback 参数是 load() 方法完成后所执行的函数名称。
回调函数可以设置不同的参数:1.responseTxt - 包含调用成功时的结果内容
2.statusTXT - 包含调用的状态 3.xhr - 包含 XMLHttpRequest 对象
2、get()
作用:GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。(即缓存上次从数据库取得的数据,使得不频繁访问数据库)
语法:
$(selector).get(url[,callback][,type])
1.必需的 URL 参数规定您希望请求的 URL。
如同普通get的URL一样,可在地址栏填数据
2.可选的 callback 参数是请求成功后所执行的函数
可选的callback方法的参数有:
|
3.可选的type是预计的服务器响应的数据类型。
默认为智能选择类型,但是保险的做法是手动写上,可能的类型有:xml、html、json、text、script、jsonp
3、post()
作用:常用于 向指定的资源提交要处理的数据,不会缓存数据
注:get缓存数据,故适合做获取数据这类不频繁访问数据库的操作。post不缓存数据,故适合做提交数据这列频繁访问数据库的增删改操作
语法:
$(selector).get(url[,data][,callback][,type])
1.必需的 URL 参数规定您希望请求的 URL。
如同普通get的URL一样,可在地址栏填数据
2.可选的data参数是要携带的数据
格式为:{"name":"xx","age":"18"}
3.可选的 callback 参数是请求成功后所执行的函数
可选的callback方法的参数有:
|
4.可选的type是预计的服务器响应的数据类型。
默认为智能选择类型,但是保险的做法是手动写上,可能的类型有:xml、html、json、text、script、jsonp