Js基础学习之-- 利用GET方法实现ajax请求

75 阅读 0 评论 50 点赞

我是靠谱客的博主开放服饰，最近开发中收集的这篇文章主要介绍Js基础学习之-- 利用GET方法实现ajax请求，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.创建XMLHttpRequset对象,兼容IE6

	function createXHR(){
		if(window.XMLHttpRequest){
			return new XMLHttpRequest();
		}
		else{
			return new ActiveXObject("Microsoft.XMLHTTP");
		}
	}

测试实例:var xhr = createXHR();

创建get方法实现ajax请求
回调函数,也成为高阶函数,将函数的执行上下文作为参数传递给另一个函数
并在该函数调用传递过来的函数,接受此函数的函数叫做高阶函数
第一个参数:传递一个函数
第二个参数:路径加上传递的参数的字符串参数

function getAJAX(fn,url){
		var xhr = createXHR();
		xhr.open("GET",url,true);
		xhr.onreadystatechange =  function(){
			if(xhr.readyState == 4){//异步请求时的状态码4代表数据接收完毕
				if(xhr.status == 200){//HTTP的状态 成功
					var data = eval("(" + xhr.responseText + ")");
					fn(data);//实现函数的回调,将结果返回
				}
			}
		}
		xhr.send(null);
	}

测试实例:
var url = "../../API/article/add.aspx";
var str = "?atitle=" + t1 + "&atype="+ t2 +"&aclickcount=" + t3 +"&acontent"+ t4 +"";
getAJAX(function(data){
根据后台的反馈进行判断
if(data.result =="ok"){
获取成功进行操作的代码
}
},url+str);