javaScript简单实现ajax
来源:互联网 发布:jquery 方法与js种方法 编辑:程序博客网 时间:2024/06/08 05:35
<script type="text/javascript">window.onload=function(){var oBtn=document.getElementById("btn1");//oBtn表示一个按钮。oBtn.onclick=function(){ajax( 'url', //url在这里表示一个请求的目的地址。 'POST', //表示请求的方式 function(reSuccData){ //成功时返回的结果 alert(reSuccData); }, function(reFailData){ //失败时返回的结果alert(returnData); }); };};//封装的一个ajaxfunction ajax(url,type,funSucc,funFailed){//1、创建Ajax对象,只兼容非IE6的浏览器if(window.XMLHttpRequest){var oAjax=new XMLHttpRequest();}else{/*兼容IE6*/var oAjax=new ActiveXObject("Microsoft.XMLHTTP");}//2、连接到服务器open(方法,文件名,异步传输(true表示异步,false表示同步),利用t可以清除浏览器缓存)oAjax.open(type,url+'?t='+new Date().getTime(),true);//3、发送请求oAjax.send();//4、接收返回值 oAjax.onreadystatechange=function(){/*表示浏览器和服务器,进行到哪一步了oAjax.readyState*0表示还没调用open()方法;1表示已经调用send()方法,正在 发送请求;2表示send()方法已经完成,已经收到 *全部的响应内容;3表示正在解析响应内容;4响应内容解析完毕不管成功还是失败,可以在客户端调用。*/var state=oAjax.readyState; if(oAjax.readyState ==4){if(oAjax.status == 200){//表示成功,404表示页面找不到funSucc(oAjax.responseText);//接收返回内容}else{funFailed(oAjax.status);}}};}
0 0
- javaScript简单实现ajax
- ajax+jQuery+Javascript实现简单二级联动
- JavaScript实现Ajax请求简单示例
- JavaScript实现Ajax请求简单示例
- JavaScript ajax简单例子
- javascript 简单ajax 框架
- javascript 实现简单 ajax 效果(不支持跨域)
- ajax/php/javascript实现简单的图片瀑布
- 利用javascript实现原生简单ajax的方法。
- javascript实现AJAX
- javascript实现Ajax代码
- 纯JavaScript实现Ajax
- Ajax实现--javascript
- JavaScript实现AJAX
- 原生JavaScript实现AJAX
- JavaScript封装实现Ajax
- javascript实现ajax
- javascript实现ajax
- 计算机求职总结--准备篇
- 图的基本概念及介绍
- 显示*** missing separator (did you mean TAB instead of 8 spaces?) 解决方案
- SQLite数据库
- HDU5095 Linearization of the kernel functions in SVM(模拟)
- javaScript简单实现ajax
- 理解hadoop的Map-Reduce数据流(data flow)
- Python3.4操作文件目录
- poj 1543 Perfect Cubes
- ubuntu14.04 安装 wordpress
- [LeetCode]Binary Tree Zigzag Level Order Traversal
- iOS c 语言中两个参数的含义
- [中级数据结构学习笔记]一、Treap
- linux (一)(基础命令及文件相关命令)