ajax请求xml简单DEMO

最新推荐文章于 2019-07-05 22:18:47 发布
最新推荐文章于 2019-07-05 22:18:47 发布
阅读量84 收藏
点赞数
文章标签： XML Ajax JavaScript HTML Microsoft ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_14486/article/details/81897792
版权

response.xml:

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

<states>
<north>
   <state>武汉</state>
   <state>襄樊</state>
   <state>十堰</state>
</north>
<south>
   <state>苏州</state>
   <state>杭州</state>
   <state>南京</state>
</south>
<east>
   <state>深圳</state>
   <state>广州</state>
   <state>东莞</state>
</east>
<west>
   <state>西藏</state>
   <state>拉萨</state>
   <state>青海</state>
</west>
</states>

 request.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <script type="text/javascript">
    var xmlHttp;
    var requestType;
    function createXMLHTTPRequest() 
    {
     	try{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e)
		{
			try{
				xmlHttp = new XMLHttpRequest();
			}
			catch(e)
			{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
		}
    }
   
    function startRequest(requestList)
    {
     	requestType=requestList;
    	createXMLHTTPRequest();
    	xmlHttp.onreadystatechange=handleStateChange;
     	xmlHttp.open("GET","response.xml",true);
     	xmlHttp.send(null);
    }
   
    function handleStateChange()
    {
     	if(xmlHttp.readyState==4)
     	{
      		if(xmlHttp.status==200) 
      		{
	   			if(requestType=="north")
	   			{
        			listNorthStates();
      		 	}
      		 	else if(requestType=="all")
      		 	{
        			listAllStates();
      			}
      		}
     	}
    } 
   
    function listNorthStates()
    {
     	var xmlDoc=xmlHttp.responseXML;
     	var northNode=xmlDoc.getElementsByTagName("north")[0];
     	var northStates=northNode.getElementsByTagName("state");
     	outputList("Northern States",northStates);
    }
   
    function listAllStates()
    {
     	var xmlDoc=xmlHttp.responseXML;
    	var allStates=xmlDoc.getElementsByTagName("state");
     	outputList("All States",allStates);
    }
    function outputList(title,states)
    {
     	var out=title;
    	var currentState=null;
    	for(var i=0;i<states.length;i++)
    	{
     		currentState=states[i];
      		out=out+"\n"+currentState.childNodes[0].nodeValue;
     	}
     	alert(out);
    }

   </script>
</head>
<body>
   <input type="button" value="View All " οnclick="startRequest('all');" />
   <input type="button" value="View North " οnclick="startRequest('north');" />
</body>
</html>

 

 

iteye_14486
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解析Xml&Http请求DEMO
12-23
一个简单的使用HTTP请求获得XML文档并解析的例子
使用springmvc整合ajax请求demo代码示例
02-28
本示例将深入探讨如何在Spring MVC项目中整合Ajax请求，以提供更流畅的用户体验。 首先，让我们理解Ajax的核心概念。Ajax（Asynchronous JavaScript and XML）允许网页在不刷新整个页面的情况下与服务器交换数据并...
原生 XMLHttpRequest 请求 Demo
David
07-05 921
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>Native Ajax</title> <script> ...
ajax跨域请求demo.zip
02-20
前端通常使用JavaScript库如jQuery来实现Ajax请求。jQuery的`$.ajax()`方法是进行异步请求的主要工具。在这个示例中，它可能包含以下关键配置： 1. `type`: 指定请求类型，通常是'GET'或'POST'。 2. `url`: 需要...
jquery ajax servlet json简单demo
03-06
在jQuery中，$.ajax()方法是进行AJAX请求的核心函数，它可以实现异步数据获取与页面更新。 【AJAX使用】在jQuery中，使用AJAX通常包括以下步骤： 1. 引入jQuery库：确保HTML文件中包含了jQuery库，通常通过CDN链接...
P22_Ajax.rar_DEMO_ajax
09-24
在这个DEMO中，当你触发Ajax请求时，Struts2 Action将执行`execute`方法，并返回一个包含"message"字段的JSON对象。前端的jQuery AJAX回调函数接收到响应后，会更新ID为`result`的DOM元素，显示"Hello, Ajax!"。 这...
用Ajax读取xml文件的简单例子
01-19
到此就可以就发送请求读取服务器端的XML数据了，最后要做的就是处理数据了。 关于XMLHttpRequest对象，请参考About XMLHttpRequest Object一文。 看例子： //AjaxDemo.html <!DOCTYPE html PUBLIC “-//W3C...
基于当前信息（截至2024年7月）的SpringCloud配置概览
最新发布
07-22
基于当前信息（截至2024年7月）的SpringCloud配置概览
毕业设计javajsp校园二手商品交易(jsp+sqlserver)-qkrp源码含文档工具包
07-22
毕业设计javajsp校园二手商品交易(jsp+sqlserver)-qkrp源码含文档工具包 页面是jsp，数据库sqlserver，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本系统以JSP为主要制作工具，实现了用户注册、登陆、商品发布，商品浏览/查询、对商品的购买使用购物车以及用户订单生成等功能，从而实现了一套比较完善的网上二手商品交易平台。系统的前台主要是客户浏览和操作，系统的后台只有管理员可以进行操作主要实现了客户管理，公告管理，订单管理等。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
以ImageNet数据集为基础，构建深度神经网络，演练图像分类或目标检测或图像分割问题的高分课程报告
07-22
报告题目: 以ImageNet数据集为基础，构建深度神经网络，演练图像分类或目标检测或图像分割问题。 报告要求: (1)图像类别不少于200，图像数量不少于10.000，评价指标不少于4种，包括但不限于Accuracy Precision,Recall，F-score，PR，ROC和AUC; (2)需对预训练神经网络模型进行改进，创新可从模型架构、损失函数、训练策略等方面入手; (3)图像分类精度不低于85%，实验结果与不少于3种经典的机器学习算法进行对比，例如SVM 聚类、神经网络预训练模型等; (4)参考顶会、顶刊、毕业论文写作方式，中英文均可，正文内容包括题目、研究背景及意义 相关知识、方法介绍、实验及结果分析、结论等，报告正文不少于5页，外加参考文献1页(近2 年文献需占40%及以上) 评分标准: 给自己的研究起一个响亮高级的题目占10%，对深度模型进行一定改进(非直接采用预训练模 型)占30%，对比实验效果好占30%，论文写作及参考文献引用均满足页数要求日符合学术规范 占30%。
Jupyter Notebook《电影数据可视化及票房影响因素分析与预测》+源代码+文档说明
07-22
<项目介绍> - [豆瓣+猫眼]电影数据可视化及票房影响因素分析与预测 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
代码生成-基于Streamlit实现的将UI设计转换为代码的应用-附项目源码+流程教程-优质项目实战.zip
07-22
代码生成_基于Streamlit实现的将UI设计转换为代码的应用_附项目源码+流程教程_优质项目实战
使用 JavaScript 编写的简单 T-Rex 游戏及其源代码.zip
07-22
使用 JavaScript 编写的简单 T-Rex 游戏及其源代码 项目：使用 JavaScript 编写的简单 T-Rex 游戏（附源代码） 简单的 T-Rex 游戏是使用 HTML 和 JavaScript 开发的。这是一款离线模式的游戏，几乎每个人都在 Google Chrome 浏览器上玩过。这个迷你游戏的主要目标是在不撞到任何障碍物的情况下获得越来越多的分数。就像原版游戏一样，这个是克隆版本。 关于游戏 原版 T-rex 游戏包含恐龙，而这个克隆版本只包含一些方框。障碍物也不同，原版有翼龙和其他东西，但这个有一个小方框。游戏玩法和控制都是一样的。你必须使用空格键来跳跃。所有游戏功能都是通过 JavaScript 设置的，而布局和其他次要功能则由 HTML 设置。 如何运行该项目？ 要运行此项目，我们建议您使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。该游戏还支持 Explorer/Microsoft Edge。 项目演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
“运动荟”赛事管理开题报告【答辩高分内容】.docx
07-22
随着社会的在新时代下的飞跃发展，尤其是北京冬奥会和成都大运会的成功举办，全民健身的热潮兴起，在平时紧张的工作、学习之余，重视身体，重视身材，重视健康的需求越来越强烈，那么设计一款针对广大运动爱好者的小程序，使运动爱好者和体育赛事与体育场馆之间能有效的衔接，合理的规划时间和场地，节省双方来往成本的需求痛点是成立的。而且，便于用户操作和使用的赛事管理系统会大大提高场馆的利用率和赛事的参与度，也能避免用户浪费大量的等待时间。赛事管理系统可以使用计算机端网页、手机端应用程序或小程序实现，计算机端网页不仅需要考虑设备的兼容性，还不够便捷。手机端应用程序实现方式不仅需要用户下载，还需针对不同手机系统开发出多种版本。小程序是一种不需要下载就可以使用的应用程序，很多知名企业都推出了开发小程序的技术框架，其中微信小程序最为流行。
C++程序混淆器（CodeDiscorder）
07-22
C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。C++程序混淆器（CodeDiscorder），可用于以宏定义的方式混淆C++编写的程序。
if章节笔记markdown版
07-22
if章节笔记markdown版
使用 JavaScript 编写的打砖块游戏（附源代码）.zip
07-22
使用 JavaScript 编写的打砖块游戏（附源代码）   项目：JavaScript 打砖块游戏（附源代码） 打砖块游戏是使用 HTML5、CSS 和 JavaScript 开发的简单项目。这款游戏是关于借助弹跳球和滑动平面来打破障碍。您可以玩游戏，直到能够打破所有砖块而不会将球掉到地上。玩家必须使用箭头键移动滑动平面。 游戏制作 该项目仅包含 HTML、CSS 和 JavaScript。谈到这款游戏的功能，用户必须移动滑动平面以使球反弹回来以打破砖块。球必须接触砖块才能将其打破，并且不应掉落到地上。这款游戏的 PC 控制也很简单。您只需使用左、右、上、下键根据要求移动滑动平面即可。如果玩家能够在 3 次生命中清除所有砖块，则获胜。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox， 以获得更好、更优化的游戏体验。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
旅游行业2023粤澳文旅会展融合发展报告：探索商务休闲旅游的可持续发展-普华永道.pdf
07-22
旅游行业2023粤澳文旅会展融合发展报告：探索商务休闲旅游的可持续发展-普华永道.pdf
使用 JavaScript 编写的带有源代码的引文生成器.zip
07-22
使用 JavaScript 编写的带有源代码的引文生成器   项目：使用 JavaScript 编写的引文生成器（附源代码） Quote Generator 是一个使用 HTML、CSS 和 JavaScript 开发的简单项目。这是一个简单的励志名言生成器迷你项目。当您单击“ 显示另一个名言” 按钮时，每次单击时您都会看到不同的励志名言。这个项目是一个简单的 JavaScript 项目，用于随机显示励志名言。此外，您可以看到背景颜色随着名言的变化而变化。 关于该项目 这个生成器是一个简单有趣的项目，仅包含 HTML、CSS 和 JavaScript。在这里，用户必须单击“ 显示另一个引文” 按钮，引文就会出现，背景颜色也会发生变化。此外，该项目还包含大量 JavaScript，用于对项目的某些部分进行验证。 如何运行该项目？ 要运行此项目，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox  ，以获得更好的性能。要执行该项目，首先，通过单击 index.html 文件在浏览器中打开该项目。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
10 天精通Project 项目管理：从菜鸟到实战高手 (张连永).pdf
07-22
project教材

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值