`
wangzheguilai
  • 浏览: 21203 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

ajax+xml 前端代码块

阅读更多

网上找到的一个ajax的方法和xml解析方法

<script type="text/javascript" language="javascript">
var http_request = false;
function makeRequest(url, parameters) {
http_request
= false;
if (window.XMLHttpRequest) { // Mozilla, Safari,
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType(
'text/xml');
}

}
else if (window.ActiveXObject) { // IE
try {
http_request
= new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
http_request
= new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {}
}

}

if (!http_request) {
alert(
'Cannot create XMLHTTP instance');
return false;
}

http_request.onreadystatechange
= alertContents;
http_request.open(
'GET', url + parameters, true);
http_request.send(
null);
}


function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {

var xmldoc = http_request.responseXML;
var root = xmldoc.getElementsByTagName('root').item(0);

for (var iNode = 0; iNode < root.childNodes.length; iNode++) {
var node = root.childNodes.item(iNode);
for (i = 0; i < node.childNodes.length; i++) {
var sibl = node.childNodes.item(i);
var len = parseInt(sibl.childNodes.length / 2);
var arr = new Array(len);
var cnt = 0;
for (x = 0; x < sibl.childNodes.length; x++) {
var sibl2 = sibl.childNodes.item(x);
var sibl3;
if (sibl2.childNodes.length > 0) {
sibl3
= sibl2.childNodes.item(0);
arr[cnt]
= sibl3.data;
cnt
++;
}

}

addrow(
"mytable", arr);
}

}

}
else {
alert(
'There was a problem with the request.');
}

}

}

function do_xml() {
makeRequest(
'xml.php', '?test=2');
}

function addrow(tablename, arr) {
var tbl = document.getElementById(tablename);
var lastRow = tbl.rows.length;
var row = tbl.insertRow(lastRow);
for (r = 0; r < arr.length; r++) {
var cell = row.insertCell(r);
cell.innerHTML
= arr[r];
}

}


</script>

<input type="button" name="button" value="GET XML"
onclick
="javascript:do_xml();">

<br><br>
Table filled with data requested from the server:
<br>
<table border="1" id="mytable">
</table>

 

分享到:
评论

相关推荐

    Ajax+HTML+ASHX实现文件异步上传

    首先,我们要理解Ajax(Asynchronous JavaScript and XML)的核心理念,即在不刷新整个页面的情况下与服务器进行交互。通过JavaScript发送XMLHttpRequest对象,用户可以实现后台数据的加载和更新,使得前端界面保持...

    C#+MVC ajax+大文件断点续传

    4. **续传机制**:用户重新发起上传请求时,前端通过AJAX发送已上传的块信息,服务器根据这些信息找到之前保存的块,并继续接收新的块。 5. **组合文件**:所有块上传完成后,服务器将它们合并成原始文件,并可能...

    ajax+asp 无刷新上传文件支持大文件

    首先,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这种方式使得用户能够与网页进行交互,而不会打断当前的浏览体验...

    简单的前端加PHP通过AJAX异步多文件上传(依赖HTML5)【案例】

    4. **前端代码实现** - 使用`&lt;input type="file" multiple&gt;`元素让用户选择多个文件。 - 当用户选择文件后,通过JavaScript监听change事件,获取FileList对象,并创建FormData对象。 - 将File对象添加到FormData...

    ajax+jquery+flash进度条的文件图片上传完返回上传路劲完美例子

    首先,AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。在文件上传场景中,AJAX允许后台异步处理文件上传,用户可以在等待上传完成的同时继续浏览页面,提升...

    Ajax+javascript基础

    3. **函数和闭包**:定义可复用的代码块,闭包则能保存函数内部的状态。 4. **变量和数据类型**:包括基本类型(字符串、数字、布尔值、null、undefined)和引用类型(对象)。 5. **作用域和作用域链**:理解变量的...

    Ajax+ASP.net多个大文件上传控件附示例

    - **AJAX调用**:前端通过JavaScript发送异步请求,每次上传文件块,服务器端接收并保存。 - **进度反馈**:利用Ajax回调或WebSockets实时更新上传进度,显示在用户界面上。 6. **安全性**:在实现大文件上传时,...

    一个基于AJAX+JSP实现的带进度条文件上传源程序代码

    本项目聚焦于一个基于AJAX(异步JavaScript和XML)与JSP(JavaServer Pages)技术实现的带进度条的文件上传系统,提供了一种优化的用户体验,通过实时反馈文件上传进度来提高交互性。 首先,我们需要理解AJAX的核心...

    使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页

    - **Ajax**:代表异步JavaScript和XML,是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。 - **Json**:即JavaScript Object Notation,是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于...

    小米官网前端页面代码

    除此之外,小米官网的前端代码可能还涉及到其他技术,如: - SEO优化:通过元标签(meta tags)和语义化HTML提高搜索引擎可见性。 - AJAX调用API:与后端服务器通信,获取产品信息、评论等实时数据。 - Web字体:...

    servlet+jdbc+mysql+ajax的注册,登陆,修改,查询项目

    这个项目利用了Java Servlets处理服务器端逻辑,JDBC(Java Database Connectivity)进行数据库操作,MySQL作为关系型数据库存储数据,以及AJAX(Asynchronous JavaScript and XML)来实现页面的无刷新更新,提升...

    前端代码示例

    在"前端代码示例"中,我们很可能会看到以下JavaScript相关的知识点: 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示。JavaScript通过DOM API可以查找、修改或添加文档元素。例如,`...

    PHP+Ajax无刷新文件上传代码

    Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在这个项目中,Ajax用于异步地发送文件数据,避免了传统文件上传时页面刷新带来的用户体验问题。它...

    php+ajax实现瀑布流特效代码.7z

    在这个“php+ajax实现瀑布流特效代码”压缩包中,我们可以推测包含的是一套使用PHP后端与AJAX前端技术实现的瀑布流效果的代码示例。下面我们将详细探讨PHP、AJAX以及如何结合它们来创建这种特效。 首先,PHP...

    ajax各个控件的示例源代码

    8. **Error Handling**:在VB.NET中,确保在处理AJAX请求时添加适当的错误处理机制,比如使用Try-Catch块捕获异常,以便在前端提供有意义的错误消息。 9. **Partial Rendering**:利用Ajax,你可以只更新页面的部分...

    基于Jquery+Ajax+Json的高效分页实现代码

    存储过程是一种预先编译的SQL代码块,可以在数据库中保存和复用。 7. .NET环境中的数据操作:本文展示了如何使用C#与SQL Server数据库进行交互,使用了诸如SqlHelper类等.NET框架中提供的数据访问组件。 8. 网络...

    asp+ajax批量上传文件

    在本场景中,"asp+ajax批量上传文件"是指利用ASP技术和AJAX(Asynchronous JavaScript and XML)来实现用户无需刷新整个页面即可进行多文件批量上传的功能。这通常涉及到前端与后端的协同工作,提高用户体验,因为...

    php+ajax实现无刷新分页

    这种方法结合了PHP的后端处理能力和AJAX(Asynchronous JavaScript and XML)的前端异步通信特性。 ### PHP 分页原理 在PHP中,实现分页主要依赖于SQL查询中的`LIMIT`子句。`LIMIT`用于限制返回结果集中数据的数量...

    php+apc+ajax实现大文件上传进度条

    然后,AJAX是Asynchronous JavaScript and XML的缩写,虽然现在XML在实际应用中较少使用,但其核心思想——异步通信——依然十分重要。在文件上传过程中,前端通过定时发送AJAX请求来轮询服务器,获取文件上传进度。...

    大量的ajax实例模型

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于利用JavaScript异步地与服务器进行交互,提高了用户体验,使得网页更加动态和响应迅速...

Global site tag (gtag.js) - Google Analytics