`
廖世勇
  • 浏览: 100918 次
  • 性别: Icon_minigender_1
  • 来自: 湖南郴州
社区版块
存档分类
最新评论

AJAX - 服务器响应

 
阅读更多

AJAX - 服务器响应

·Previous Page

·Next Page

服务器响应

如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText或 responseXML 属性。

属性

描述

responseText

获得字符串形式的响应数据。

responseXML

获得 XML 形式的响应数据。

responseText 属性

如果来自服务器的响应并非 XML,请使用 responseText属性。

responseText 属性返回字符串形式的响应,因此您可以这样使用:

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

亲自试一试

responseXML 属性

如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:

请求 books.xml 文件,并解析响应:

xmlDoc=xmlhttp.responseXML;

txt="";

x=xmlDoc.getElementsByTagName("ARTIST");

for(i=0;i<x.length;i++)

{

txt=txt + x[i].childNodes[0].nodeValue +"<br />";

}

document.getElementById("myDiv").innerHTML=txt;

亲自试一试

来自:http://www.w3school.com.cn

分享到:
评论

相关推荐

    xe-ajax-mock1.4.5.js

    在实际开发中,前端开发人员通常会使用AJAX与服务器进行通信,获取或提交数据。然而,在开发初期,当后端接口未完全实现时,这种依赖可能会阻碍进度。此时,`xe-ajax-mock`就派上了用场。 `xe-ajax-mock`是`xe-ajax...

    Ajax--新手快车道.rar

    4. **接收响应**:服务器处理请求后返回数据,XMLHttpRequest对象的onreadystatechange事件会被触发,通过status和responseText属性获取服务器响应。 5. **更新页面**:根据接收到的数据,使用JavaScript动态修改DOM...

    Ajax-Portal-模块拖放

    这些库通常使用DOM(文档对象模型)操作来改变页面元素的位置,并且利用Ajax技术向服务器发送请求,将用户的布局设置保存到服务器端。这样,当用户下次访问时,系统可以加载他们之前的自定义布局,确保用户界面的...

    ajax-bridge 以及它在web中的应用

    Ajax的核心在于无需刷新整个页面,就能与服务器进行数据交互,提升了用户体验。Ajax-Bridge 提供了一座桥梁,使得前端和后端之间的数据传输更加高效、流畅。 **Ajax-Bridge 的工作原理** Ajax-Bridge 主要通过...

    Laravel开发-ajax-forwarder

    4. "ajax-forwarder"接收远程服务器的响应,然后将其转发回前端客户端。 5. 前端收到响应后,按照正常流程处理数据。 **二、安装与配置** 1. 使用Composer安装包:`composer require your/package/ajax-forwarder` ...

    ajax-B.rar

    **JavaScript** 是AJAX的核心,它用于处理用户交互、向服务器发送请求以及更新页面内容。在AJAX-B项目中,JavaScript代码可能包含了定义函数、事件监听器以及处理响应数据的逻辑。JavaScript库如jQuery、Prototype或...

    AJAX ---.NET

    5. **jQuery.Ajax()方法**:尽管.NET提供了内置支持,但开发者依然可以利用jQuery的Ajax方法与服务器进行交互,以获得更多的控制和灵活性。 **高级AJAX话题** 1. **Partial Rendering**:通过只更新页面的部分区域...

    ajax-login-module

    开发者通过Ajax在后台处理登录请求,避免了页面刷新,提高了应用程序的响应速度和用户体验。同时,项目包含的各个文件展示了其完整的架构,包括前端界面、后端处理、配置信息以及安装指导。对于希望学习或集成这种...

    谷歌浏览器插件—— Ajax Interceptor

    - **改变响应**:在接收到服务器响应后,可以修改返回的数据,这对于测试不同情况下的前端逻辑非常有用。 - **设置延迟**:模拟网络延迟,以测试应用在不同网络环境下的表现。 ### 5. 对比与调试 与其他调试工具...

    struts-ajax-json-struts包

    总结来说,Struts-AJAX-JSON-Struts包是一个整合了Struts框架、AJAX和JSON功能的开发工具包,旨在帮助开发者构建更动态、交互性更强的Web应用,提高用户界面的响应速度和整体性能。通过合理地利用这个包中的组件和库...

    ajax--测试

    这使得网页更加用户友好,提高了用户体验,因为页面不会因为等待服务器响应而冻结。在本案例中,“ajax--测试”可能是一个用于演示或学习Ajax技术的项目。 Ajax的核心是JavaScript对象XMLHttpRequest,它允许...

    ajax-tab(动态加载tab) 切换

    2. Ajax请求:这个事件会触发一个Ajax请求,向服务器发送数据,通常包含用户当前选择的tab标识。 3. 服务器处理:服务器接收到请求后,根据请求参数加载相应的内容,可以是HTML片段、JSON数据或其他格式。 4. 数据...

    WXHHDI01-AJAX-B1-GetStarted-CS

    5. **处理响应**:通过`responseText`或`responseXML`属性获取服务器响应的数据,通常是JSON格式或XML格式。解析数据后,可动态更新DOM(Document Object Model)以改变网页内容。 6. **JSON(JavaScript Object ...

    ajax-tab标签

    当用户点击一个Tab时,不会立即跳转到新的URL,而是触发一个Ajax请求,这个请求会向服务器发送特定的数据(例如当前选中的Tab ID),然后服务器返回对应Tab内容的数据,如HTML片段、JSON等。JavaScript接收到响应后...

    foundations-of-ajax-examples案例

    5. **异步处理**:Ajax的异步特性使得用户在等待服务器响应的同时,仍能继续与网页的其他部分交互。这显著改善了用户体验,避免了传统页面刷新带来的等待感。 在“foundations-of-ajax-examples”案例中,你可以...

    ajax-demo-java EE

    4. **js代码**:这里的js代码主要指的是JavaScript,它是Ajax的核心,负责创建XMLHttpRequest对象,发送HTTP请求到服务器,以及接收和处理服务器响应。例如,可能有一个名为`TestForAjax.js`的文件,其中包含了实现...

    ajax-Popup

    5. **接收响应**:Ajax回调函数接收到服务器返回的数据。 6. **更新DOM**:使用JavaScript解析响应数据,并将内容插入到DOM(文档对象模型)中,通常是Ajax-Popup的容器元素。 7. **展示弹窗**:通过CSS控制弹出窗口...

    jquery.unobtrusive-ajax.rar

    使用jQuery Unobtrusive Ajax,开发者可以快速地构建动态、响应式的Web应用,提供更好的用户体验。然而,为了充分利用其功能,你需要理解如何正确配置HTML标记以及如何与服务器端代码(如ASP.NET MVC Controller)...

    HDI-AJAX-UpdatePanelWithJavascript-CS

    7. **事件处理**:在UpdatePanel中,服务器端的事件处理程序仍然可以像在非Ajax页面中一样工作,但可以通过JavaScript进行额外的客户端验证和处理。 8. **调试和错误处理**:学习如何在UpdatePanel和JavaScript交互...

    WEB开发 之 AJAX - 向服务器发送请求.docx

    WEB开发之AJAX - 向服务器发送请求 AJAX(Asynchronous JavaScript and XML)是Web开发中的一种技术,用于实现客户端和服务器之间的异步通信。在本文档中,我们将学习如何使用XMLHttpRequest对象向服务器发送请求。...

Global site tag (gtag.js) - Google Analytics