</head>
<body>
<input type=”text” id=”userName” />
<input type=”button” value=”校验” onclick=”verify()”/>
<div id=”result”></div>
<!–div和span的直观差异，div中的内容独占行，span中的内容和前后其他内容相处良好–>
</body>
</html>
js
function verify(){
var userName = $(“#userName”).val();
$.ajax({
type: “POST”, //http请求方式
url: “servlet/ajaxXmlServer”, //服务器端url地址
data: “name=” + userName, //发送给服务器端的数据
dataType: “xml”, //告诉JQuery返回的数据格式
success: callback //定义交互完成，并且服务器正确返回数据时调用的回调函数
});
}
//回调函数
function callback(data) {
var jqueryObj = $(data);
//获取message节点
var message = jqueryObj.children();
//获取文本内容
var text = message.text();
//4.将服务器段返回的数据动态的显示在页面上
$(“#result”).html(text);
}
