一个完整的Ajax过程如下:
成都创新互联-专业网站定制、快速模板网站建设、高性价比富顺网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式富顺网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖富顺地区。费用合理售后完善,10年实体公司更值得信赖。创建XMLHttpRequest对象
通过上一步创建的XMLHttpRequest对象,打开一个连接
绑定事件,对获取到的数据进行处理。一般为请求成功后的回调函数
发送该请求
根据上面的步骤进行简单的描述:
1. 对于不同的浏览器,创建一个能发起Ajax请求对象的方式不一样。 现代浏览器通过内嵌的XMLHttpRequest()对象即可实现,而老的浏览器(IE6/IE6-)则需要通过一个ActiveX对象来创建。
2. 打开一个到远程对象的请求,需要通过XHR的open()方法实现。语法:
open(method, url, async, user, password)
其中:
method可以取值为GET、POST、HEAD、PUT、DELETE、OPTIONS,前二者是常用的。
url为请求的远程接口
async为布尔值,是否需要异步处理请求,默认为true
如果此接口需要用户名和密码,可附上,不过这样就暴露了
3. 通过监控readystatechange事件,判断数据是否请求完成,并进行相关处理。其状态值可以通过readyState获取,有如下5种状态:
0: XHR对象未初始化
1: XHR对象已经建立,但还未发送
2: 已调用send(),请求已发送
3: 已接收到数据,正在处理中
4: 数据接收并处理完成,可以使用了
4. send()方法用于发送请求,若是POST方式,可以将需要传送的数据作为参数发送,形如send(data),但此时需要先设置XMLHttpRequest请求头的Content-Type为application/x-www-form-urlencoded。
一个简单的Ajax示例:
1 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。 分享标题:ajax请求-创新互联 网站链接:http://chengdu.cdxwcx.cn/article/psose.html |