189 8069 5689

ajax请求-创新互联

一个完整的Ajax过程如下：

成都创新互联-专业网站定制、快速模板网站建设、高性价比富顺网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式富顺网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖富顺地区。费用合理售后完善，10年实体公司更值得信赖。

  1. 创建XMLHttpRequest对象

  2. 通过上一步创建的XMLHttpRequest对象，打开一个连接

  3. 绑定事件，对获取到的数据进行处理。一般为请求成功后的回调函数

  4. 发送该请求

根据上面的步骤进行简单的描述：

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://jkwzsj.com/article/psose.html

其他资讯