Ajax的三种传值方式[ie]

最新推荐文章于 2023-11-20 16:26:02 发布

原创最新推荐文章于 2023-11-20 16:26:02 发布 · 1.4w 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ajax #ie #xmlhttprequest #html #function

本文介绍了使用Ajax技术从服务器异步读取XML、HTML和JS文件的具体实现方法，并展示了如何解析这些数据并动态更新页面内容。

第一种

index.jsp读取data.xml

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>Ajax的三种传值方式[1]读取xml文本</title> </head> <body> <select id="opt" > </select> <input id="btn" type="button" onclick="myClick()" value="加载数据" /> </body> <mce:script type="text/javascript"></mce:script> </html>

data.xml

<?xml version="1.0" encoding="UTF-8"?> <data> <value1>bike</value1> <value2>car</value2> </data>

第二种

index2.jsp读取data2.html

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>Ajax的三种传值方式[2]读取Html文本</title> </head> <body> <select id="opt" /><input id="btn" type="button" value="加载" onclick="myClick()"><br> </body> <mce:script type="text/javascript"></mce:script> </html>

data2.html

<option>clothing</option> <option>shoes</option>

第三种

index3.jsp读取data3.js

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>Ajax的三种传值方式[3]读取js文本</title> </head> <body> <select id='opt' /><input type="button" id="btn" value="加载" onclick="myClick()"/> </body> <mce:script type="text/javascript"></mce:script> </html>

data3.js

var aList=new Array; aList[0]='basketball'; aList[1]='football';