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);
});
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值