Ajax发送请求数据步骤

来源:互联网 发布:360 手机网络收藏夹 编辑:程序博客网 时间:2024/06/06 09:00
//定义用户名校验的方法
function verify() {
    //首先测试一下页面的按钮按下,可以调用这个方法
    //使用javascript的alert方法,显示一个提示框
    //alert("按钮被点击了")
    //1.获取文本框中的内容
    //document.getElementById("userName");dom的方式
    //jquery的方法返回的都是jQuery的对象,可以继续在上面执行其他的jQuery方法

    var jqueryObj = $("#userName");//Jquery的查找节点的方式,参数中的#加上id属性值可以找到一个节点
    var userName = jqueryObj.val();

    //2.将文本框中的数据发送给服务器端的servlet
    //使用jQuery的XMLHTTPRequest对象get请求的封装
    $.get("AjaxServer?name=" + userName,null,callback);
}
function callback(data) {
    //3.接受服务器端返回的数据
   // alert(data);
    //4.将服务器端返回的数据动态的显示在页面上
    //找到保存结果信息的节点
    var resultObj = $("#result");
    //动态的改变页面中div节点中的内容
    resultObj.html(data);

}



合起来写就是:

function verify() {
    $.get("AjaxServer?name=" +$("#userName").val(),null,callback(data){
        $("#result").html(data);
    });
}

0 0
原创粉丝点击