欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

浅谈ajax请求技术

程序员文章站 2022-04-29 09:26:26
1.写在前面: 阅读要求: 具有一定的html、css、javascript、json基础 2.什么是ajax ajax:即”asynchronous javasc...

1.写在前面:

阅读要求:

具有一定的html、css、javascript、json基础

2.什么是ajax

ajax:即”asynchronous javascript and xml”(异步javascript和xml),是指一种创建交互式网页应用的网页开发技术。

3.为什么使用ajax

在动态网页开发技术中,客户端(通常是浏览器)与服务端进行数据交互是十分频繁的,如何节省网络资源,提供良好的用户体验是十分关键的。ajax采用异步请求方式,使得不用刷新整个页面就可以和后台实现数据交互,从而更新内容...

4.如何使用原生的ajax

使用ajax技术的关键点落在了xmlhttprequest(注:ie5、ie6使用activexobject)对象上,因此利用好该对象是关键

注意:

    浅谈ajax请求技术

function loaddata() {

  //创建xmlhttprequest对象

  var xmlhttprequestobj = {};

  //创建json对象,传送json格式数据到服务端

  var jsonobj = {};

  if (window.xmlhttprequest) {

  // ie7+, firefox, chrome, opera, safari

     xmlhttprequestobj =new xmlhttprequest();

   } else {

     // ie6, ie5

     xmlhttprequestobj =new activexobject("microsoft.xmlhttp");

   }

  //当请求状态改变时会调用xmlhttprequestobj .onreadystatechange方法

    xmlhttprequestobj .onreadystatechange = function() {

     if (xmlhttprequestobj .readystate == 0 ) {

      alert(“open()函数未执行”);

       } else if(xmlhttprequestobj.readystate == 1) {

        alert(“open()函数已执行,send()函数未执行”);

     } else if(xmlhttprequestobj.readystate == 2) {

        alert(“send()函数已执行,头部和状态码可以获取”)

     } else if(xmlhttprequestobj.readystate == 3) {

        alert(“头部已收到,解析响应体”);

    } else if(xmlhttprequestobj.readystate == 4) {

        alert(“请求完成”);

        if (xmlhttprequestobj.status == 200) {

          alert(“响应就绪,反序列化json对象填充数据到页面”);

        } else if (xmlhttprequestobj.status == 400) {

          alert(“页面丢失”);

        } else {

          alert(“服务异常”);

        }

    }

   }

  //method:请求方式:get、post、put、delete... url:请求的地址 asnyc:是否采用异步

  xmlhttprequestobj.open("method", "url", async);

  //设置请求头,post请求格式需要载入,其他不需要

  xmlhttprequestobj.setrequestheader("content-type","application/x-www-form-urlencoded");

  //请求数据,参数为jsonobj json对象

  xmlhttprequestobj.send(jsonobj);

}

以上这篇浅谈ajax请求技术就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。