jQuery Ajax调用过程

在jquery中运用ajax其实就是按以下四步过程执行：

1、获取文本框中的内容
//document.getElementById("id");  //dom的方式
//jquery的查找节点的方式，参数中#加上id属性值可以找到一个节点
//jquery的方法返回的都是jquery的对象，可是继续在上面执行其他的jquery方法
var jqueryObj = $("#id");
//获取节点的值
var v=jqueryObj.val(); 
2、将文本框中的数据发送给服务器端的servelt
//使用jquery的XMLHTTPrequest对象get请求的封装,三个参数，第二个可以省略写到url中了
$.get("AJAXServer?name="+name,null,callback);  //第三个参数回调函数写的是函数名，不加括号
//回调函数
function callback(data){ //data为返回的服务器端文本值
    //alert("服务器端的数据回来了");
   3、接收服务器端返回的数据
      //alert(data);
   4、将服务器端返回的数据动态的显示在页面上
      //找到保存结果信息的节点
      var resultObj = $("rid");
      //动态的改变页面中div节点中的内容
      resultObj.html(data);
}

 

总结运用：
function jq(){
    $.get("AJAXServer?name="+$("#id").val(),null,function(data){
 $("rid").html(data);
});
}