XMLHttpRequest对象用法总结

1.   请求一般由浏览器发出,服务器处理。而JavaScript通过XMLHttpRequest对象可以自己发送请求,自己处理请求;

2.   XMLHttpRequest对象用法

步骤一:创建XMLHttpRequest对象的实例

function getHttpObject(){

     if(typeof  XMLHttpRequest  ==  "undefined"){

         XMLHttpRequest  =  function() {

             try{  return new ActiveXObject("Msxml2.XMLHttp.6.0");  }

                  catch(e){}

             try{  return new ActiveXObject("Msxml2.XMLHttp.3.0");  }

                  catch(e){}

             try{  return new ActiveXObject("Msxml2.XMLHttp");  }

                  catch(e){}

             return false;

         }

          return  new  XMLHttpRequest;

}

步骤二:使用open方法指定服务器上将要访问的文件,请求类型:GET,POST,SEND

例如:request.open("GET",  "ex.txt'',  true);

GET和POST区别:

1.)如果希望返回的结果页面加书签,使用GET,不希望加书签的使用POST

2.)GET会在URL后面追加提交的数据,而POST是创建小数据包发送到服务器,如果数据时私有的,使用POST

3.)POST比GET发送的数据量稍多

普通浏览器GET请求与Ajax的GET请求的区别,请参考以下:

https://blog.csdn.net/hefeng6500/article/details/75088241

https://blog.csdn.net/z69183787/article/details/78674872 

步骤三:使用事件处理函数onreadystatechange处理响应

访问服务器发送回来的数据要通过两个属性完成:一个是responseText属性,另一个是responseXML属性。

步骤四:send方法发送请求

3.  注意:

XMLHttpRequest对象发送的请求只能访问与其所在的html同一域中的数据,不能向其他域发送请求

异步性

Ajax技术也可以做到平稳退化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值