verify1.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
    //使用jquery的XMLHTTPrequrst对象法人请求封装
    $.get("AJAXServer?name="+userName,null,callback);
    



    //回调函数
    function callback(data){
     //alert("服务器端的数据回来了");
     //3. 接受服务端的返回的数据
     //alert(data);
     //4. 将服务器端返回的数据动态显示到页面上
     //找到保存结果信息的节点
        var resultObj =$("#result");
        resultObj.html(data);
        alert("");
    }
}