文章标题

AJAX 是与服务器交换数据
Ajax不是不从数据库都东西,而是通过不刷新页面从数据库通过自身机制传值。

  • 当你的网页不想刷新又想修改数据,这个时候jquery能很好的帮助你实现,特别是当你的数据需要从数据库获取的时候,就能使用jquery封装ajax。

  • 简称Ajax Amsterdam,AFC Ajax 及 Ajax,Euronext: AJAX),创立于1900年,是一支位于荷兰阿姆斯特丹的著名足球俱乐部。根据俱乐部历史是世界上最成功的十家俱乐部之一 这样即避免了用户不断手工刷新页面的不便,也不会因为重复刷新页面造成资源浪费。

1.xmlHttpRequest对象

 if(window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
    if(xmlHttp.overrideMimeType) {
     xmlHttp.overrideMimeType("text/xml");
    }
   } else if(window.ActiveXobject) {
    var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
    for(var i = 0; i < activeName.length; i++) {
     try {
      xmlHttp = new ActiveXobject(activeName[i]);
      break;
     } catch(e) {}
    }
   }
   if(!xmlHttp) {
    alert("创建xmlhttprequest对象失败");
   } else {}

2.回调函数

 xmlHttp.onreadystatechange= callback;
   function callback(){}

3.open方法与服务器建立连接
此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息

xmlHttp.open("get","ajax?name="+ name,true)
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

4.向服务器端发送数据

如果是POST方式就不为空

 xmlHttp.send(null);

5.在回调函数中针对不同的响应状态进行处理

 if(xmlHttp.readyState == 4){       //判断交互是否成功
      if(xmlHttp.status == 200){         //获取服务器返回的数据         //获取纯文本数据
        var responseText =xmlHttp.responseText;
       document.getElementById("info").innerHTML = responseText;
      }
   }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值