页面和servlet代码和上篇相同。只是页面代码引入的js文件变成jquery.js 以及verifyjqueryxml.js
<script type="text/javascript" src="jslib/verifyjqueryxml.js"></script>
<script type="text/javascript" src="jslib/jquery.js"></script>
verifyjqueryxml.js代码如下:
//用户名校验
function verify(){
alert("校验");
//1,获取输入框的数据
// document.getElementById("userName"); dom的方式
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
$.ajax({
type:"POST",
url:"/AjaxMy/servlet/AjaxXmlServlet",
data:"name="+userName,
dataType:"xml",
success:callBack
});
//回调函数
function callBack(data){
//3,接受服务器传回的数据data作为参数传进来
//alert("回传的参数值:"+data);
var jqueryObj = $(data);
var message = jqueryObj.children();
var messageText = message.text();
var resultObj = $("#result");
//4,在页面中动态的显示接收数据
resultObj.html(messageText);
}
}
和上篇的js相比是不是geng简单明了le ?