重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://cqcxhl.cn/article/psose.html