Ajax的原生方法
发布时间:2020-12-16 03:20:12 所属栏目:百科 来源:网络整理
导读:简介 Ajax,是使用XMLHttpRequest对象与服务器进行通信。它可以发送和接收各种格式的信息,包括JSON,XML,HTML和文本文件。它有以下两个功能: 在不重新加载页面 的情况下向服务器发出请求 接收并处理 来自服务器的数据 步骤 1 创建XMLHttpRequest对象 if (w
简介Ajax,是使用XMLHttpRequest对象与服务器进行通信。它可以发送和接收各种格式的信息,包括JSON,XML,HTML和文本文件。它有以下两个功能:
步骤 1 创建XMLHttpRequest对象if (window.XMLHttpRequest) { // 新浏览器... httpRequest = new XMLHttpRequest(); } else if (window.ActiveXObject) { // 旧浏览器 httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } 步骤 2 为XMLHttpRequest对象分配处理函数方法1 分配函数httpRequest.onreadystatechange = nameOfTheFunction; 方法2 分配匿名函数httpRequest.onreadystatechange = function () {}; 步骤 3 通过open( ),send( )作出HTTP请求httpRequest.open('GET','[http://www.example.org/some.file](http://www.example.org/some.file)',true); httpRequest.send(); open( ) 方法参数1 HTTP请求的方法 GET、 POST、 HEAD 等,需大写 send( ) 方法如果使用POST方法,则send的参数为想要发送到服务器的任何数据 步骤 4 处理服务器响应1.检查请求状态if (httpRequest.readyState === 4) { // Everything is good,the response was received. } else { // Not ready yet. } 请求状态代码
2.检查HTTP响应代码通过检查200OK响应代码,区分AJAX调用是否成功 if (httpRequest.status === 200) { // Perfect! } else { // There was a problem with the request. // For example,the response may have a 404 (Not Found) // or 500 (Internal Server Error) response code. } 3.进行数据操作在检查请求的状态和响应的HTTP状态代码之后,可以使用服务器发送的数据进行任何所需的操作。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |