Ajax创建过程

1,创建XMLhttprequest对象,异步调用对象

2,创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息

3,设置响应http请求状态变化的函数

4,发送HTTP请求

5,获取异步调用返回的数据

6,使用js或dom局部更新数据


var xmlhttp;

//判断浏览器类型

if (window.XMLHttpRequest){

   xmlhttp = new XMLHttpRequest();

} else {

  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

//发送请求, async为true, 规定响应处于 onreadystatechange 事件中就绪状态时执行

xmlhttp.onreadystatechange=function(){

    if (xmlhttp.readyStatus==4 && xmlhttp.status==200){

        document.getElementById('mydiv').innerHTML=xmlhttp.responseText;

    }

}

xmlhttp.open(method, url, async);

xmlhttp.send(string);

//添加http头,在send中添加你希望发送的信息

xmlhttp.setRequestHeader(header, value);

xmlhttp.send("fname=Lee&lname=anne");

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,377评论 0 7
  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 13,849评论 2 18
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,281评论 19 139
  • 1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth...
    raincoco阅读 431评论 0 4
  • 一.什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网...
    没梦想的咸鱼丶阅读 943评论 0 0