原生AJAX写法实例分析
本文实例分析了原生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程序设计有所帮助。
-
本文向大家介绍原生JS简单实现ajax的方法示例，包括了原生JS简单实现ajax的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： 这里有个input按钮，点击会触发click事件，click事件调用Ajax()方法。 JS部分： Ajax大约分四步，创建Ajax对象，用open()方法偷偷的跑到服务器
-
本文向大家介绍原生ajax调用数据实例讲解，包括了原生ajax调用数据实例讲解的使用技巧和注意事项，需要的朋友参考一下 由于jQuery的盛行，现在使用较多的是jQuery封装好了的ajax，因为解决了浏览器兼容性问题，这对程序员来说就等于去掉了一个心头大患，但并非原生ajax就销声匿迹，并且本人感觉还是对原生的ajax有所了解的好，下面就是一段ajax数据调用的实例代码，非常的简单，初学者可以参
-
本文向大家介绍javascript中AJAX用法实例分析，包括了javascript中AJAX用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下： 兼容地获得XMLHttpRequest对象： AJAX处理函数： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍原生JavaScript实现AJAX、JSONP，包括了原生JavaScript实现AJAX、JSONP的使用技巧和注意事项，需要的朋友参考一下 相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择JQuery中封装的AJAX方法，但是有些时候，我们只需要JQuery的AJAX请求方法，而其他的功能用到的很少，这显然是没必要的。 其实，原生JavaScript实现A
-
本文向大家介绍原生js中ajax访问的实例详解，包括了原生js中ajax访问的实例详解的使用技巧和注意事项，需要的朋友参考一下 原生js中ajax访问的实例详解 form表单中 登录名: 失去光标即触发事件 在返回xhr.responseText数据时，中文有乱码的体现，尚未解决，所以为了只管体现，我让后台返回的是“0”或者“1”来做判断，je中createXmlHttp()这个方法以前看老师讲过
-
本文向大家介绍原生js+ajax分页组件，包括了原生js+ajax分页组件的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js+ajax分页组件的具体代码，供大家参考，具体内容如下 1.定义分页组件DOM 2.定义分页组件类及实例方法： 3.实例化分页组件 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。