`

3_简单的AJAX发送请求和处理响应

    博客分类:
  • AJAX
阅读更多

      XMLHttpRequest对象可以从Server端取回的数据分为两种,虽然在HTTP协议的角度来看都是纯文本格式,但一个是普通的文本字符串,其响应的Content-Type是text/plain,可以用XMLHttpRequest.responseText属性取得这个string,另外一个是XML格式的文本,Content-Type是text/xml,虽然取得是文本内容,但XMLHttpRequest却能帮你内部转换,你只需要访问XMLHttpRequest.resposeXML属性就可以取得一个W3C DOM对象。

      要注意的是,即使响应返回的MIME类型是text/xml,我们仍然可以用XMLHttpRequest.responseText来得到xml格式的原始文本内容,而不是一个DOM对象。

      XMLHttpRequest.responseText和XMLHttpRequest.responseText都是XMLHttpRequest对象的属性,不是方法,切忌当成方法调用!

 

XMLHttpRequest.responseText

 

      如果要发挥XMLHttpRequest.responseText的最大作用,就不得不依靠innerHTML这个不是标准的标准属性。这就像JSTL里面不是标准的标准标签一样让人郁闷。innerHTML属性不是XML DOM和HTML的标准,但几乎每个浏览器又支持它。

      我们可以利用配置了id属性的div标签来使用返回的文本字符串:

<div id="insert"></div>

 在js代码中可以这样:

document.getElementById("insert").innerHTML = xhr.responseText;

 

XMLHttpRequest.responseXML

 

      对于XML格式来说,由于浏览器内置的强大的DOM API解析功能,使得我们可以方便的遍历检索需要的信息,特别是XML格式的数据提供了一种层次性的结构,使得对数据的组织更加方便。

     

分享到:
评论

相关推荐

    Ajax 中的高级请求和响应

    4. 3(正在接收):服务器正在处理请求,部分响应数据可能可用。 5. 4(完成):请求已完成,可以访问服务器的响应数据。 开发者通常会在就绪状态为4时处理响应,因为此时请求已完成且可以获取数据。例如,清单1...

    CAjax.rar_Ajax 留言_ajax_ajax .net_ajax C#_net

    2. **JavaScript**:用于创建和控制XMLHttpRequest对象,发送请求,并处理服务器的响应。 3. **DOM(Document Object Model)**:用于查找、修改和显示页面内容。 4. **CSS(Cascading Style Sheets)**:用于样式化...

    Js拦截全局ajax请求

    在JavaScript开发中,有时...综上所述,通过理解和运用Ajax Hook,我们可以对全局的Ajax请求进行灵活的控制和处理,提升代码的可维护性和用户体验。在项目中合理使用Ajax Hook,可以更好地实现业务需求,提高开发效率。

    解决Ajax 发送多个请求引发的并发问题

    然而,当需要发送多个Ajax请求时,可能会出现并发问题,导致数据处理混乱或者请求响应顺序不可控。本文将深入探讨这个问题,并提供解决方案。 一、并发问题的来源 1. 请求队列:浏览器为了防止过多并发请求导致...

    Ajax+JSP.rar_ajax_ajax jsp download_java ajax jsp_jsp ajax_jsp在线

    4. send()方法发送请求到服务器。如果是GET请求,参数会附加在URL后面;POST请求则将数据放在请求体中。 5. 服务器接收到请求后,处理数据并返回响应。 6. Ajax监听XMLHttpRequest对象的onreadystatechange事件,当...

    Ajax3_在请求和响应中使用XML

    **Ajax与XML在请求和响应中的应用** Ajax(Asynchronous JavaScript and XML)技术允许Web应用程序在不刷新整个页面的情况下与服务器进行交互,提高了用户体验。在Ajax应用程序中,XMLHttpRequest对象扮演着关键...

    Ajax异步请求响应.java

    (method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...

    AJAX-技术入门介绍.zip_ajax_异步请求

    4. **发送请求**: 使用`send()`方法,对于GET请求,参数为空;对于POST请求,参数为要发送的数据,如`xhr.send('param1=value1&param2=value2');`。 5. **监听状态变化**: 使用`onreadystatechange`事件,当`...

    使用AJAX发送异步请求

    最后,我们使用`open()`和`send()`方法发送请求。 在实际应用中,比如用户输入邮编后自动填充城市和省份的功能,我们可以监听表单的事件,如`onchange`,并在事件处理函数中触发AJAX请求。请求的URL可能包含用户...

    smarty+AJAX.rar_ajax_ajax php_php ajax_smarty_smarty ajax

    通过创建XMLHttpRequest对象,打开连接,发送请求,然后处理服务器返回的数据,我们可以实现无刷新更新。然而,实际应用中,我们往往不再使用XML作为传输数据格式,而是JSON,因为它更加轻量且易于处理。 在...

    jsp+ajax发送GET请求的方法

    本文将介绍JSP结合Ajax技术通过GET方法发送请求的详细步骤和实现方法,该技术在数据请求和处理方面非常实用,尤其适用于需要在用户界面交互中实时校验数据的场景。 首先,我们创建一个简单的注册表单页面,页面中...

    Ajax异步请求

    在Ajax异步请求中,XMLHttpRequest对象是核心组件,负责发送请求和接收响应。创建XMLHttpRequest对象可以使用不同的方法,例如,使用window.XMLHttpRequest或window.ActiveXObject。同时,需要注册...

    ajax发送xml请求小示例

    综上所述,这个"ajax发送xml请求小示例"将帮助开发者理解如何使用AJAX与服务器交互,发送XML数据并解析返回的XML响应。在实际项目中,可能需要根据具体需求选择XML或JSON,并结合现代的前端框架(如jQuery、Vue.js或...

    ajax_example.rar_ajax_ajax html_html ajax

    HTML页面可能包含JavaScript代码,用于处理用户的交互,并使用Ajax库(如jQuery的$.ajax或原生XMLHttpRequest对象)来发送异步请求。在这个例子中,HTML页面可能有一个按钮,当用户点击时,它会触发一个函数,该函数...

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    本话题将详细讲解如何在图书馆管理页面中利用AJAX实现图书的添加、删除和判断功能,以及处理AJAX的GET请求和POST响应,这些都是前端开发者在考试或实际项目中经常遇到的场景。 首先,我们要理解AJAX的基本原理。...

    chrome扩展插件获取ajax请求记录

    其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...

    Ajax请求发送成功但不进success的解决方法

    1.情况描述:ajax发送成功,后台也成功响应请求,并返回了json数据,通过chrome监听请求也可以看到响应的json数据,但是就是不进success方法,反而跑到error方法中了 前端: $.ajax({ type : get, data : {'dbId'...

    pim.zip_ajax_php ajax_pim p

    3. 学习PHP基础,了解如何接收和处理HTTP请求,以及返回响应。 4. 实践编写Ajax请求和PHP后端,通过实际案例加深理解。 5. 探索更高级的Ajax库和框架,如jQuery、axios等,简化Ajax开发。 通过研究"pim.zip"中的...

    AJAX\掌握 Ajax\掌握 Ajax第 3 部分-Ajax 中的高级请求和响应

    此外,还有一些不太常用的请求类型,如**HEAD**(只请求响应头)、**OPTIONS**(请求查询针对资源的通讯选项)、**PATCH**(用于对已知资源进行局部修改)等。 ### 结论 综上所述,要精通AJAX技术,不仅要熟练掌握...

    SSH-Ajax.zip_SSH+ajax_SSH使用Ajax_ajax ssh_ssh ajax_ssh怎么用ajax

    5. 学习如何创建和处理Ajax请求,包括JSON格式的数据交换。 6. 考虑到浏览器兼容性和性能优化,如使用jQuery等库简化Ajax操作。 通过上述技术的整合,你可以创建出一个既具有后台强大处理能力,又能提供流畅用户...

Global site tag (gtag.js) - Google Analytics