利用jquery来接收XML数据 verifyjqueryxml.js脚本文件用与服务器端的交互,主要是来接收XML格式的数据 //定义用户名检验的方法 function verify() { //1.获取文本框中的内容 //document.getElementById("userName"); dom的方式 //Jquery的查找节点的方式.参数#加上id属性值可以找到一个节点.(id选择器) //Jquery返回的都是jquery对象,可以在上面继续执行其它的jquery方法 //它返回的是一个Jquery的自己的对象,里面封装了dom的节点 var jqueryObj=$("#userName"); //####### 这一行出了问题--可能是没有将jquery引入的原因 ### //获取节点的值 //用到的是jquery的val()方法,在这里就是没有这个方法,可能是jquery没有引入的原因 var userName=jqueryObj.val(); alert(userName); //2.将文本框中的数据发送给服务器中的servlet //使用jpuery的XMLHTTPrequest对象get请求的封装,利用get和服务器端的交互 //在javascript里面一个简单的对象可以定义为 //var Obj = {name:"123",age:20};对象的属性就是一个名值对,所有的属性之前都用","分隔 $.ajax({ type:"POST", //http请求的方式 url:"AJAXXMLServer", //服务器的url地址 data:"name="+userName,//发送给服务器端的数据 dataType:"xml", //告诉JQuery返回的数据格式 success: callback //定义交互完成,并且服务器正确返回数据时调用的回调函数 }); //回调函数 function callback(data) //此时data不再是一个文本的数据,而是一个对象的数据 { //calback方法是否被调用 alert("服务器的数据回来了!!"); //3.接收服务器端返回的数据 //需要将data这个dom中的对象解析出来 //首先需要将dom对象转换为jquery对象 var jqueryObj = $(data); //它会把dom对象作为$函数的参数封装进去,它就会返回一个包函dom对象的jqueryObj对象 //获取message节点 var message = jqueryObj.children(); //需要将利用jqueryObj的方法将有用的数据取出来 //获取文本内容 var text = message.text(); //4.将服务器中返回的数据动态的显示到页面上去 //找到保存结果信息的结点 var resultObj=$("#result"); //页面中div结点的内容被动态改变了 resultObj.html(text); //把结果填冲到遇留空间去.即改变结点的内容 } }