Ajax

异步

//①创建该异步请求的对象

var   XMLHttp;     

//②处理浏览器兼容问题,防止该浏览器没有XMLHttpRequest对象

if(window.XMLHttpRequest){

        XMLHttp=new XMLHttpRequest();

}else {

        XMLHttp=new ActiveXObject("Microsoft:XMLHttp")

}   //对象创建完毕

//③创建(打开一个)请求      XMLHttp.open(method,url,async);//async 异步开关,true异                                                        步,false同步

//get       字符提交,安全性低,传输速度快

//post     字节提交,安全性高,传输速度慢,文件传输都用post

    XMLHttp.open("get","http://alun001.applinzi.com/TextData?username=test&password=2",true);

④发送请求

     XMLHttp.send();

⑤服务器返回请求数据

    XMLHttp.onreadystatechange=function(){

                if(XMLHttp.readystate==4&&XMLHttp.status==200){

                            console.log(XMLHttp.responseText);

                }

    }

post方式提交

    var XMLHttp;

    if(window.XMLHttpRequest){

             XMLHttp=new XMLHttpRequest();

    }else {

            XMLHttp=new ActiveXObject("Microsoft:XMLHttp");

    }

    XMLHttp.open("post","http://alun001.applinzi.com/TextData",true);

    XMLHttpbbv.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    XMLHttp.send(username=张国荣&password=2);

    XMLHttp.onreadystatechange=function(){

                if(XMLHttp.readyState==4&&XMLHttp.status==200){

                        console.log(XMLHttp.responseText);

                }

    }

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

推荐阅读更多精彩内容

  • 什么是Ajax 不刷新页面的情况下从服务器获取、提交数据的一种数据交互方式。 Ajax使用步骤 1\创建Ajax对...
    LaBaby_阅读 297评论 0 0
  • 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就...
    亲爱的翔子阅读 514评论 0 0
  • 1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth...
    raincoco阅读 431评论 0 4
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,378评论 0 7
  • 此生只愿醉太白阅读 170评论 0 0