使用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的实例代码，希望对大家有所帮助，在使用过程发现有任何疑问欢迎给我留言，小编会及时回复大家的。在此小编非常感谢大家对脚本之家网站的支持，相信我们会做的更好！
相关文章
在前端开发中，优化页面性能是非常重要的一个方面，页面性能优化可以提升网站的用户体验，加速页面的加载速度，提高用户的满意度，本文讲解了前端通用的优化策略，需要详细了解可以参考下2023-05-05
搜了搜这个，发现找不到答案。所以自己写了一个，很多程序绕过这个问题，往往人工来决定在何处截断 ，太麻烦了。2008-07-07
iframe 很多网站都在用，虽然方便开发与维护（可能同时有几个页面调用同一个 iframe ），不过却存在安全问题2013-07-07
这篇文章主要为大家详细介绍了一个简易的js图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
晚上要下班了老板发来一个任务：把一个300M左右的视频压缩到100M以内,以便在微信上发送。于是就是抽空搞了起来，下面小编把过程分享到脚本之家平台，需要的朋友参考下吧2018-11-11
屏蔽右键在某些特殊的情况下还是比较有用的，下面与大家分享个常用的屏蔽方法2014-05-05
这篇文章主要介绍了ES2020系列之空值合并运算符 '??'，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要介绍了mock.js实现模拟生成假数据功能,结合实例形式分析了mock.js插件生成模拟数据的相关操作技巧,需要的朋友可以参考下2019-01-01
beforeunload 指在页面卸载前提供的最后一次JS执行的机会2012-05-05
跳转页面的方法有很多，在本文整理了一些比较常用，并有示例代码，感兴趣的朋友可以参考下2013-10-10
最新评论