js 读 xml 非ie 可以支持 chrome 浏览器 与 android webView

简介: //read.xml内容 18 美女 jpg,gif 37 //网页内容 var request_success = false; var dataArray = new Array(); va...

//read.xml内容

<?xml version="1.0" encoding="utf-8" ?>

<contents>

<itemcount>18</itemcount>

<item>

<title>美女</title>

<content />

<filetype>jpg,gif</filetype>

<filecount>37</filecount>

</item>

</contents>

//网页内容

<html>

<head>

<script>

var request_success = false;

var dataArray = new Array();

var itemArray = new Array();

function OnLoad() {

var request = new XMLHttpRequest();

var my_div = document.getElementById("my_div");

var my_div_1 = document.getElementById("my_div_1");

request.open("GET", "../test5/xml/read.xml", false);

request.send("");

if (request.readyState == 4 && request.status == 200) {

request_success = true;

String

str = "";

var item1 = request.responseXML.getElementsByTagName("item");

alert(item1.length);

var dataA = Array.prototype.slice.call(item1);

for ( var i = 0; i < dataA.length; i++) {

var oneItem = dataA[i].childNodes;

var oneItemLen = oneItem.length;

itemArray = new Array();

for ( var j = 1; j < oneItemLen; j++) {

itemArray.push(oneItem[j].textContent);

j++;

}

dataArray.push(itemArray);

}

for ( var k1 = 0; k1 < dataArray.length; k1++) {

var oneItemData = dataArray[k1];

str += k1 + " ";

for ( var k2 = 0; k2 < oneItemData.length; k2++) {

str += oneItemData[k2] + " " + k2;

}

str += "<br/>";

}

alert(dataArray.length);

var src1 = dataArray[0][1];

my_div_1.innerHTML = src1;

my_div.innerHTML = "<img src='"+src1+"'/>";

} else {

my_div.innerHTML = "Request failed: ready state="

+ request.readyState + " status=" + request.status;

}

}

function DidSyncRequestSucceed() {

return request_success;

}

</script>

</head>

<body onload="OnLoad();">

This page sends a synchronous XMLHttpRequest.

<br>

<br>

<div id="my_div"></div>

<div id="my_div_1"></div>

</body>

</html>

相关文章
|
22天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
31 1
|
2月前
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
38 0
|
3月前
|
JavaScript 前端开发 算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
|
3月前
|
JavaScript 前端开发 小程序
js 实现浏览器下载视频2种方法
js 实现浏览器下载视频2种方法
409 0
|
2月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
29 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
1天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
6 0
|
5天前
|
JavaScript 前端开发
JavaScript如何获得浏览器的宽高
JavaScript如何获得浏览器的宽高
|
8天前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
11 4
|
15天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
20天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)