005_Ajax get请求获取XML响应

最新推荐文章于 2022-11-13 17:10:27 发布
最新推荐文章于 2022-11-13 17:10:27 发布
阅读量161 收藏
点赞数
分类专栏： Ajax学习 文章标签： ajax xml javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aihiao/article/details/109965298
版权

1. 新建一个动态的Web项目

2. 命名为Ajax

3. 编写technology.xml

<?xml version="1.0" encoding="UTF-8"?>
<technologys>
	<technology>html</technology>
	<technology>xhtml</technology>
	<technology>html5</technology>
	<technology>javascript</technology>
	<technology>ajax</technology>
	<technology>jquery</technology>
</technologys>

4. 编写ajax_get.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<title>Ajax get请求获取XML响应</title>
	</head>
	<body>
		<h2>JavaWeb开发技术汇总:</h2>
		<div id="myDiv"></div>
		<button type="button" onclick="loadXMLDoc()">获得我收藏的JavaWeb开发技术</button>
		
		<script type="text/javascript">
			function loadXMLDoc()
			{
				// 创建XMLHttpRequest对象。XMLHttpRequest对象用于和服务器交换数据。
				var xmlHttp = new XMLHttpRequest();	
				
				// 在onreadystatechange事件中, 我们规定当服务器响应已做好被处理的准备时所执行的任务。
				xmlHttp.onreadystatechange = function()
				{
					// 4请求完成, 200服务器返回状态OK。
					if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
					{
						// 结果字符串
						var value = "";

						// 获取XML响应
						var xmlDoc = xmlHttp.responseXML;						
						var node = xmlDoc.getElementsByTagName("technology");

						for(var i = 0; i < node.length; i++)
						{
							value += node[i].childNodes[0].nodeValue + "<br />";
						}

						document.getElementById("myDiv").innerHTML = value;
					}
				}

				// 使用XMLHttpRequest对象的open()和send()方法, 发送get请求到服务器。
				xmlHttp.open("get", "technology.xml", true);
				xmlHttp.send();
			}
		</script>
	</body>
</html>

5. 运行项目

6. 点击按钮

自由与束缚JavaJavaScript
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Get方式请求并获取XML数据格式
Kevin的专栏
08-27 4957
package cn.test; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.URI; import java.net.URISyntaxException; import java.util.List; import o
Ajax读取xml
零怀念的博客
09-16 1681
一、向服务端读取xml  页面jsp的Ajax读取xml和上一篇的Ajax读取方法一样，只不过responseText变成了responseXML。 &lt;%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/9/16 Time: 11:47 To change this template use Fi...
Ajax系列之接收xml
最新发布
老__L的博客
11-13 377
ajax接收xml
Ajax的异步处理之get请求响应XML
缥缈
01-12 228
 依托jsp,编写ajax的get请求，体现异步处理。页面通过点击按钮出现请求回复的内容，同时服务器打印输出其他内容。 注意：xmlHttp.send(null);是因为get没有请求体，若post则会填写相应数据。 &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;% String...
Ajax的hello world响应XML（get请求）
缥缈
01-12 163
依托jsp页面，ajax的异步加载，其中xmlHttp.send(null)是因为GET没有请求体，POST请求就要加数据了！ &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContextPath(); String base...
AJAX-技术入门介绍.zip_ajax_异步请求
09-21
4. **发送请求**: 使用`send()`方法，对于GET请求，参数为空；对于POST请求，参数为要发送的数据，如`xhr.send('param1=value1&param2=value2');`。 5. **监听状态变化**: 使用`onreadystatechange`事件，当`...
XMLHttpRequest对象_Ajax异步请求重点(推荐)
11-28
`send()`方法用于发送请求，对于GET请求，可以直接传递null，而对于POST请求，则需要传入要发送的数据。例如： ```javascript xhr.send(null); // 对于GET请求 xhr.send('name=value&another=value'); // 对于POST...
图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用
04-17
4. **AJAX GET请求**：GET请求通常用于获取数据，比如查询图书信息。前端向服务器发送请求，携带参数（如图书ID），服务器返回相应的图书数据，前端接收到数据后更新页面。 5. **AJAX POST响应**：POST请求常用于...
原生 JS Ajax,GET和POST 请求实例代码
11-25
此外，POST请求通常用于提交大量数据或修改服务器上的资源，而GET请求常用于获取数据，因为GET请求的数据会被浏览器记录在历史记录中，可能带来安全问题。 在实际开发中，除了基本的GET和POST，还可以使用PUT、...
chrome扩展插件获取ajax请求记录
04-06
每条请求都包含请求方法（GET、POST等）、URL、状态码、响应时间、响应头和请求头等信息。开发者可以通过过滤功能只显示Ajax请求，从而更方便地查看和分析。 此外，Chrome的"Chrome DevTools Protocol"也允许开发者...
JQuery解析xml的两种方式$.get和$.ajax
微微一芯的博客
10-19 1077
首先，要让jQuery加载xml文件，如下，有两种方式： 第一种$.get： $.get("xmlfile.xml",function(xml){       //xml即为可以读取使用的内容 });   第二种$.ajax： script type="text/javascript">   $(document).ready(function() {
XMLHttpRequest---Ajax---Iframe伪Ajax(不刷新页面的前提下，前端与后端通信)
weixin_30457881的博客
04-15 101
>>>index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <di...
Discuz!X 源码分析之 ajaxget() 函数
zgmu的专栏
10-28 1138
函数简介：ajaxget() 函数与 ajaxpost() 一样，都是是 Discuz!X 系统中很重要的函数，是 Discuz!X 系统中 实现 Ajax 功能的重要组成部分，在整个源码中有上百次调用，掌握 ajaxget 的工作原理和使用方法对于理解 Discuz!X 系统的 Ajax 机制和针对 Discuz!X 系统的二次开发都将大有裨益。下文将为您讲解 ajaxpost 的工作原理。
JavaScript-ajax请求xml数据
十里八村俊后生的专栏
05-19 3138
XML部分： &lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;students&gt; &lt;student&gt; &lt;name&gt;wendy&lt;/name&gt; &lt;age&gt;35&lt;/age&gt; &lt
ajax请求获取xml数据结构
咸鱼的星空
08-27 2441
使用Ajax请求，获取xml数据结构，在IE10、11会出现错误： 请求xml文件为： 在IE 10以上浏览器中： 查看文档，我们发现： 针对这种情况，我们需要对ajax请求进行重写，针对IE跟非IE使用不同的方式解析xml文档数据： demo 1: function $ajax(url,
jquery_ajax get()获得xml
whjwhja6的专栏
04-24 737
//获取xml数据 //find()搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。 $(function(){ $("#send").click(function(){  $.get("6get_xml.php",{name:$("#username").val(),content:$("#content").val()},function(data){
6.1Javascript(ajax的get请求，xml和json两种数据格式）
weixin_48623310的博客
09-24 530
ajax的get请求；两种数据格式xml和json；h5新特性WebStorage前端存储技术
Js XMLHTTPRequest 实现GET请求提交和返回内容获取
热门推荐
u012556900的专栏
03-08 2万+
【需求描述】 在进行html5页面的设计时，希望用户加载完成页面后，进行交互时只改变其中的某些元素的内容，这样更像本地APP的呈现效果，但是HTML中的post、get如果使用submit进行提交的话会直接使用返回的内容刷新整个页面，这样有两个不好的地方： 1、返回的内容必须是整个页面都有的内容，但实际情况是仅仅需要改变页面中部分元素，这样就造成数据流量大，对服务器的性能有耗 2、用户能够明
Python实现Ajax GET请求及数据保存
总结来说，这个代码片段展示了如何使用Python的`urllib.request`模块模拟AJAX GET请求，获取数据并保存到本地。虽然不是真正的前端AJAX，但这种后端实现可以用于测试API接口或者在没有JavaScript环境时获取远程数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值