使用JavaScript实现ajax的实例代码
更新时间：2016年05月11日 10:26:57 作者：爱不绝迹
实现ajax之前必须要创建一个 XMLHttpRequest 对象。这是必须的。那么对使用js实现ajax的代码感兴趣的朋友可以参考下本文
AJAX = Asynchronous JavaScript and XML.
AJAX 是一种创建快速动态网页的技术。
AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。
实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器，则需要创建 ActiveXObject.具体方法如下：
var xmlHttp;
function createxmlHttpRequest()
{
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if
(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
（1）下面使用上面创建的xmlHttp实现最简单的ajax get请求：
function doGet(url)
{
// 注意在传参数值的时候最好使用encodeURI处理一下，以防出现乱码
createxmlHttpRequest();
xmlHttp.open("GET",url);
xmlHttp.send(null);
xmlHttp.onreadystatechange = function()
{
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
alert('success');
}
else
{
alert('fail');
}
}
}
（2）使用上面创建的xmlHttp实现最简单的ajax post请求：
function doPost(url,data)
{
// 注意在传参数值的时候最好使用encodeURI处理一下，以防出现乱码
createxmlHttpRequest();
xmlHttp.open("POST",url);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(data);
xmlHttp.onreadystatechange = function()
{
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200))
{
alert('success');
}
else
{
alert('fail');
}
}
}
以上内容是小编给大家介绍的JavaScript实现ajax的实例代码，希望对大家有所帮助，在使用过程发现有任何疑问欢迎给我留言，小编会及时回复大家的。在此小编非常感谢大家对脚本之家网站的支持，相信我们会做的更好！
相关文章
这篇文章主要介绍了javascript 实现动态侧边栏实例详解的相关资料,并附实例代码，帮助大家学习理解，需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了小程序实现多列选择器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-02-02
这篇文章主要为大家详细介绍了基于JavaScript实现瀑布流效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了JS截取字符串的方法,结合实例形式较为详细的分析了JavaScript截取字符串的常用函数与具体使用技巧,并附带说明了JS截取字符串substr和substring方法的区别,需要的朋友可以参考下2015-11-11
a标签也和window.location一样，也有这样属性，因此可以利用它来分析网址，下面的实例代码，大家可以看看2014-10-10
这篇文章主要介绍了Javascript对象Clone用法,实例分析了javascript对象克隆的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了js创建对象的几种方法及继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JavaScript中使用Object.create()创建对象介绍
这篇文章主要介绍了JavaScript中使用Object.create()创建对象介绍,本文先是讲解了语法,然后给出了创建实例,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了JavaScript实现下拉菜单的显示和隐藏的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了JS常用表单验证方法,需要的朋友可以参考下2014-05-05
最新评论