ajax过程

//1.创建对象

    if(window.ActiveXObject) {

        xmlHttpRequest =newActiveXObject("Microsoft.XMLHTTP")

     }else if(window.XMLHttpRequest) {

        xmlHttpRequest =newXMLHttpRequest()

    }

//2.创建http请求,并制定请求方法

    xmlHttpRequest.open(method,URL,Asynchronous,name,password)

    //method:get,post,head,put,delete,options

    //url 绝对相对路径都可以

    //Asynchronous 同步false 异步true 默认

    //name


//3.设置响应http请求状态变化函数

xmlHttpRequest.onreadystatechange = getData;

functiongetData()

      {

    //0未初始化状态  1初始化状态   2发送数据    3接受状态   4完成状态   

    //判断XMLHttpRequest对象的readyState属性值是否为4,如果为4表示异步调用完成

    if(xmlHttpRequest.readyState ==4)

              {

                            //异步调用成功200     

                            //:如果HTML文件不是在Web服务器上运行,而是在本地运行,则xmlHttpRequest.status的返回值为0 

                             if(xmlHttpRequest.status ==200|| xmlHttpRequest.status ==0)

                              {

                                //使用以下语句将返回结果以字符串形式输出

                                document.write(xmlHttpRequest.responseText);

                                //或者使用以下语句将返回结果以XML形式输出

                                //docunment.write(xmlHttpRequest.responseXML);

                           }

                }

        }

//4.发送http请求

xmlHttpRequest.send(data)

其中data是个可选参数,如果是get请求的数据写在url中,那这里即可以使用null来替代。如果是post请求,data参数的格式与在URL中传递参数的格式类似,以下代码为一个send()方法中的data参数的示例:

       name=myName&value=myValue


post: xhr.setRequestHeader("Content-Type",  "application/x-www-form-urlencoded")


CORS跨域:

服务器端设置头信息set_header('Access-Control-Allow-Origin','*'),*针对所有域名请求,可修改为任何域名

如需传递cookie:(此时access-control-allow-origin不能为*)

    服务端.set_header('Access-Control-Allow-Credentials','true'

    客户端:xhr.withCredentials =true;

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

推荐阅读更多精彩内容

  • 我觉得我就是一个顽固不化的老者,怎么也板不住催促儿子去写作业,怎么这么难改我自己,难怪儿子不该变。再这样下去真是欠...
    赫赫妈妈_f5fd阅读 247评论 0 7
  • 乳母营养关系到宝宝的母乳质量,妈妈们可以从以下方面着手自检。
    贝倍爱母婴服务阅读 171评论 0 0
  • 第一次见到鸣,我甚至记不太清了。 就像做梦一样,总是记不得梦境的开始,好像直接就跳入了重要情节。 硬是要回忆的话,...
    光梵阅读 99评论 0 1
  • 印象城里外婆饭, 外婆厨艺想联翩。 感恩费老赐嘉宴, 欣闻爱美唱聊天! 良辰美景总觉短, 同饮诸君尽开颜。 忙前忙...
    孔中窥天阅读 174评论 0 4
  • 是不是感觉这张图片很有生活感,今天要说的主角就是90后表弟文旗,表弟一表人才在金融行业工作。对于世俗的划分归类,9...
    忠生知娇阅读 386评论 5 6