Ajax在请求和响应中使用XML示例
本文旨在展示如何使用xml进行请求和相应的数据传输，因此并没有使用复杂的xml解析语法，如何解析和构建XML不是本文的重点；此外，程序没有对包含对中文内容的处理，关于中文乱码的问题，我将在接下来的文章中说明。
程序很简单：
填写表单-->客户端构建xml数据，发送请求到服务端-->服务端获取请求数据，解析并构建xml数据，发送响应-->客户端获取响应数据，解析并显示数据
代码如下：
xmldemo.jsp
Jsp代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ajax with XML</title>
<script type="text/javascript" src="js/xmldemo.js"></script>
</head>
<body>
<table align="center">
<tr>
<td>Name</td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td>City</td>
<td><input type="text" name="city" id="city"/></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Submit" onclick="callServer()"/></td>
</tr>
</table>
</body>
</html>
因为使用Ajax异步通信，所以无需form
xmldemo.js
Jsp代码
// XMLHttpRequest对象定义
var xmlHttp = false;
function createXmlHttpRequest() {
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e2) {
xmlHttp = false;
}
}
if(!xmlHttp && typeof XMLHttpRequest != "undefined") {
xmlHttp = new XMLHttpRequest();
}
}
function callServer() {
// 获取表单数据
var name = document.getElementById("name").value;
var city = document.getElementById("city").value;
// 构建xml格式数据
var xmlString = "<profile>" + &nb
- 发表评论
-
- 最新评论 更多>>
