verifyjqueryxml.js

AjaxTrain AjaxTrain

//定义用户名娇艳的方法
function verify(){
    //首先测试一下页面的按钮按下，可以调用这个方法
    //使用javascript的alert方法，显示一个弹出提示框
    //alert("按钮被点击了");

    //1.获取文本框的内容
    // document.getElementById("userName"); dom的方式
    //Jquery的查找节点的方式，参数中#加上id属性值可以找到一个节点,这是css23定义的表达式方式
    //Jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法
    var jqueryobj = $("#userName");
    //获取节点的值
    var userName = jqueryobj.val();
    //alert(userName);

    //2. 将文本狂中的数据发送给服务器的servlet
    //javaScript当中，一个简单的对象的定义方式
    var obj={name:123,age:20};

    //使用jquery的XMLHTTPrequrst对象法人请求封装
   $.ajax({
           type: "POST",          //http的请求方式
           url:"AJAXXMLServer",   //服务器段的URL地址
           data:"name="+userName,  //发送到服务器端的数据
           dataType: "xml",        //告诉Jquery返回的数据格式
           success: callback       //定义交互完成 且服务器正确返回数据时调用的回调函数
   });




    //回调函数
    function callback(data){
     //alert("服务器端的数据回来了");
     //3. 接受服务端的返回的数据
     //需要将data这个doom对象中的数据解析出来
     //首先需要将dom的对象转换成JQuery对象
       var jqueryObj = $(data);
      //获取message节点
        var message =jqueryObj.children();
      //获取文本内容
        var text=message.text();
     //4. 将服务器端返回的数据动态显示到页面上
     //找到保存结果信息的节点
        var resultObj =$("#result");
        resultObj.html(text);
        
    }
}