js原生ajax实例详解

<!DOCTYPE HTML>
<html><head><title>please enter your title</title><meta charset="utf-8"><meta name="Author" content="年轻人"><style type='text/css'>*{ margin:0; padding:0;}</style></head><body><input type="button" id='btn' value="button" /><script type="text/javascript">/*ajax: Asynchronous Javascript And XML异步的js和XML不需要刷新页面就可以传送接收数据*/var oBtn = document.getElementById('btn');/*var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');xhr.open( 'post' , 'ost.php' ,  true);xhr.setRequestHeader('content-type' , 'application/x-www-form-urlencoded');xhr.send('user=afei&pwd=123456');xhr.onreadystatechange = function(){if ( xhr.readyState == 4 ){if ( xhr.status >= 200 && xhr.status<300 ){alert( xhr.responseText );}else{alert('请求不成功，错误代码' + xhr.status)}}}*//*post方法传数据：send(  );*//*方法 getpost路径是否异步数据请求成功做的事请求不成功做的事*/oBtn.onclick = function(){ajax({method : 'post',url : 'post.php',data : 'user=afei&pwd=123456',success : function(d){alert( d )}});}function ajax( aJson ){var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');var method = aJson.method || 'get',url = aJson.url,aysn = aJson.aysn || true,data = aJson.data || '',success = aJson.success,error = aJson.error;if ( method.toLowerCase() == 'get' )url += '?'+data+'&'+new Date().getTime();xhr.open( method, url , aysn);xhr.setRequestHeader('content-type' , 'application/x-www-form-urlencoded');xhr.send(data);xhr.onreadystatechange = function(){if ( xhr.readyState == 4 ){if ( xhr.status >= 200 && xhr.status<300 ){success && success(xhr.responseText);}else{error && error();}}}}</script></body>
</html>

js原生ajax实例详解相关推荐

$.ajax实例详解,Ajax与$.ajax实例详解
这次给大家带来Ajax与$.ajax实例详解,Ajax与$.ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下. 实例一(Ajax请求基本创建格式): Ajax练习(GET,不考虑浏览器兼容 ...
js选项卡 php,JS实现选项卡实例详解_javascript技巧
本文实例讲述了JS实现选项卡的方法.分享给大家供大家参考,具体如下: 思路:选项卡就是点击按钮切换到相应内容,其实就是点击按钮把内容通过display(block none)来实现切换的. 1.首先获 ...
Jquery Ajax 实例详解
function test(){$.ajax({//提交数据的类型 POST GETtype:"POST",//提交的网址url:"testLogin.aspx" ...
小程序怎么处理轮训ajax,微信小程序中使用Promise进行异步流程处理的实例详解...
微信小程序中使用Promise进行异步流程处理的实例详解我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理.比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间( ...
mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解，mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解
Linux使用Node.js建立访问静态网页的服务实例详解一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一) 本文目录: 一.[旋转的精灵女孩]案例运行效果二.Three.js简介三.Three.js代码正常运行显示条件 (1)不载入 ...
html5走格子游戏,JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解
JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解发布时间:2020-09-26 20:42:24 来源:脚本之家阅读:112 作者:krapnik 本文实例讲述了JS/HTML5游戏常 ...

js原生ajax实例详解

js原生ajax实例详解相关推荐

最新文章

热门文章