最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

原生AJAX写法实例分析

来源:懂视网 责编:小采 时间:2020-11-27 22:52:08
文档

原生AJAX写法实例分析

原生AJAX写法实例分析:本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下: 虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西,就很难做到最好。 var XHR=null
推荐度:
导读原生AJAX写法实例分析:本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下: 虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西,就很难做到最好。 var XHR=null

本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下:

虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西,就很难做到最好。

var XHR=null; 
if (window.XMLHttpRequest) { 
 // 非IE内核 
 XHR = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
 // IE内核,这里早期IE的版本写法不同,具体可以查询下 
 XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
 XHR = null; 
} 
 
if(XHR){ 
 XHR.open("GET", "ajaxServer.action"); 
 
 XHR.onreadystatechange = function () { 
 // readyState值说明 
 // 0,初始化,XHR对象已经创建,还未执行open 
 // 1,载入,已经调用open方法,但是还没发送请求 
 // 2,载入完成,请求已经发送完成 
 // 3,交互,可以接收到部分数据 
 
 // status值说明 
 // 200:成功 
 // 404:没有发现文件、查询或URl 
 // 500:服务器产生内部错误 
 if (XHR.readyState == 4 && XHR.status == 200) { 
 // 这里可以对返回的内容做处理 
 // 一般会返回JSON或XML数据格式 
 console.log(XHR.responseText); 
 // 主动释放,JS本身也会回收的 
 XHR = null; 
 } 
 }; 
 XHR.send(); 
}

希望本文所述对大家的Ajax程序设计有所帮助。

文档

原生AJAX写法实例分析

原生AJAX写法实例分析:本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下: 虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西,就很难做到最好。 var XHR=null
推荐度:
标签: 写法 实例 原生
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top