几种框架的Ajax实现方法
2017-09-13 23:34
134 查看
原生JavaScript:
function LoadXML(){
var xml;
if(window.XMLHttpRequest){
xml = new XMLHttpRequest();
}
else{
xml = new ActiveXObject("Microsoft.XMLHTTP");
}
xml.onreadystatechange = function(){
if(xml.readyState == 4 && xml.status == 200)
{
document.getElementById("myDiv").innerHTML = xml.responseText;
}
}
xml.open("GET","url",true);
xml.send();
}
Jquery:
Angular:
function LoadXML(){
var xml;
if(window.XMLHttpRequest){
xml = new XMLHttpRequest();
}
else{
xml = new ActiveXObject("Microsoft.XMLHTTP");
}
xml.onreadystatechange = function(){
if(xml.readyState == 4 && xml.status == 200)
{
document.getElementById("myDiv").innerHTML = xml.responseText;
}
}
xml.open("GET","url",true);
xml.send();
}
Jquery:
$.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('结束') } })
Angular:
相关文章推荐
- 使用jquery实现AJAX技术的几种方法
- javascript实现原生ajax的几种方法介绍
- 使用ssm框架 通过ajax异步提交数据具体实现方法
- jquery实现读取页面load get post ajax的几种代码方法
- javascript实现原生ajax的几种方法介绍
- 几种常见的ajax实现方法
- Zend Framework框架中实现Ajax的方法示例
- Ajax分页功能的无框架实现方法
- ASP.Net中实现Ajax的几种实现方法之AjaxPro的使用(一)
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- .net ajax 异步调用的几种实现方法(jquery)
- 软件登录的几种实现方法
- 使用SQL语句实现SPLIT效果的几种方法
- 几种实现统计表的方法
- [转贴]ASP+FSO+框架实现ASP生成htm并分页的方法
- ASP+FSO+框架实现ASP生成htm并分页的方法(批量)
- VB中实现延时(等待)的几种方法
- 实现和IE浏览器交互的几种方法的介绍
- 用Delphi实现文件下载的几种方法