自己写的ajax
2018-02-09 17:23
162 查看
开发环境:wamp5_1.7.4
new_ajax.jsfunction ajax(url, fnSucc, fnFaild)
{
//1.创建ajax对象
var oAjax=null;
if(window.XMLHttpRequest)//做兼容性处理
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject("Microsoft.XMLHTTP");//ie
}
//2.连接服务器
//open(方法, url, 是否异步)
oAjax.open('GET', url, true);
//3.发送请求
oAjax.send();
//4.接收返回
//OnReadyStateChange
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4)
{
if(oAjax.status==200)
{
//alert('成功:'+oAjax.responseText);
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
{
fnFaild();
}
}
}
};
}new_ajax.html<script src="new_ajax.js"></script>
<script>
ajax('abc5.txt',function(str){
alert(str);},function(){alert('失败了');})
</script>安装wamp5之后,主要关注/www文件夹,网页都放在里面,打开浏览器,输入localhost/new_ajax.html即有弹窗出现,为文件中的内容或者失败。
事件产生时,主要关注
onreadystatechange事件
readyState属性:请求状态
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以在客户端调用了
status属性:请求结果(200为成功响应)
new_ajax.jsfunction ajax(url, fnSucc, fnFaild)
{
//1.创建ajax对象
var oAjax=null;
if(window.XMLHttpRequest)//做兼容性处理
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject("Microsoft.XMLHTTP");//ie
}
//2.连接服务器
//open(方法, url, 是否异步)
oAjax.open('GET', url, true);
//3.发送请求
oAjax.send();
//4.接收返回
//OnReadyStateChange
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4)
{
if(oAjax.status==200)
{
//alert('成功:'+oAjax.responseText);
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
{
fnFaild();
}
}
}
};
}new_ajax.html<script src="new_ajax.js"></script>
<script>
ajax('abc5.txt',function(str){
alert(str);},function(){alert('失败了');})
</script>安装wamp5之后,主要关注/www文件夹,网页都放在里面,打开浏览器,输入localhost/new_ajax.html即有弹窗出现,为文件中的内容或者失败。
事件产生时,主要关注
onreadystatechange事件
readyState属性:请求状态
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以在客户端调用了
status属性:请求结果(200为成功响应)
相关文章推荐
- 实现自己的Ajax对象封装器 -- Kajax --第一版完成
- js,ajax请求,springmvc都是正确的,为何自己看不到正确的结果?
- 自己写的图片上传_ajax上传(增强版)
- 自己修改的Ajax注册和登录验证
- 自己写的封装好的简单的AJAX--javascript
- 自己遇到的ajax调用ashx文件无法获取返回值的一种情况
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义
- 自己写的一个ajax+artdialog的小实例
- 自己封装的Ajax - JavaScript
- ajaxfileupload.js 在别人代码的基础上,自己处理了一些问题,留着备用
- ajaxFileUpload 报这错jQuery.handleError is not a function (注:内容完全是转载,只是便于以后自己查阅)
- ajax翻页效果模仿yii框架自己写的
- 浅谈如何利用__doPostBack()函数做自己灵活的AJAX.NET应用
- 自己编写的支持Ajax验证的JS表单验证插件
- 自己写jQuery-ajax插件,XMLHttpRequest,支持回调,兼容ie、ff、360等浏览器
- 自己学习做的一个Ajax与.net交互的例子
- 自己写的一个用AJAX实现的留言系统
- 自己的一段AJAX和Session操作的Code
- Ajax (部分二:prototype.js代码前半部)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值