原生的Ajax和Jquery的Ajax用法
来源:互联网 发布:sql技术手册 编辑:程序博客网 时间:2024/05/18 00:25
jQuery的ajax方法:
$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text beforeSend:function(xhr){ console.log(xhr) console.log('发送前') }, success:function(data,textStatus,jqXHR){ console.log(data) console.log(textStatus) console.log(jqXHR) }, error:function(xhr,textStatus){ console.log('错误') console.log(xhr) console.log(textStatus) }, complete:function(){ console.log('结束') }})
原生的ajax方法:
$('#send').click(function(){ //请求的5个阶段,对应readyState的值 //0: 未初始化,send方法未调用; //1: 正在发送请求,send方法已调用; //2: 请求发送完毕,send方法执行完毕; //3: 正在解析响应内容; //4: 响应内容解析完毕; var data = 'name=yang'; var xhr = new XMLHttpRequest(); //创建一个ajax对象 xhr.onreadystatechange = function(event){ //对ajax对象进行监听 if(xhr.readyState == 4){ //4表示解析完毕 if(xhr.status == 200){ //200为正常返回 console.log(xhr) } } }; xhr.open('POST','url',true); //建立连接,参数一:发送方式,二:请求地址,三:是否异步,true为异步 xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); //可有可无 xhr.send(data); //发送});
0 0
- 原生javascript 和jQuery的ajax用法
- 原生和jQuery的ajax用法
- 原生和jQuery的ajax用法
- 原生和jQuery的ajax用法
- 原生和jQuery的ajax用法
- 原生的Ajax和Jquery的Ajax用法
- 原生ajax和jquery ajax的使用
- Js原生Ajax和Jquery的Ajax
- 原生ajax和jQuery的ajax
- Ajax-Js原生Ajax和Jquery的Ajax(一)
- js原生ajax与jquery的ajax的用法区别
- JavaScript 原生和JQuery 的Ajax
- 原生js和jQuery的AJAX实现
- 原生Ajax和Jquery的Ajax使用示例
- 原生ajax 与jquery ajax 的对比
- js原生ajax与jQuery的ajax
- jquery 的ajax 用法
- JavaScript 原生和JQuery 的Ajax--源自技术
- 二进制、八进制、十进制、十六进制之间的转换
- 蓝桥杯——2010 吉大计算机研究生机试真题(2017.2.5)
- centos7 修改yum源为阿里源
- gulp源码解析(一)—— Stream详解
- eclipse中spring配置文件的自动提示和命名空间的添加
- 原生的Ajax和Jquery的Ajax用法
- [问题]ubuntu的版本查询
- Spring
- Spring Session 无法获取
- Mybatis动态更新数据
- 蓝桥杯 算法训练 安慰奶牛
- Download arxiv paper
- 单点登录实现
- Unity3D MineCraft 我的世界 类似游戏的地形编辑器