原生javascript手写ajax(get方式)

js调用ajax实现数据交互,分为4步
1.创建AJAX对象
2.连接服务器
3.发送请求
4.接收返回
代码如下

<script>
  function ajax(url,fnSucc,fnFaild){
		if(window.XMLHttpRequest){
			var oAjax=new XMLHttpRequest();
		}else{
			var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
		}
		oAjax.open("get",url,true);
		oAjax.send();
		oAjax.onreadystatechange=function(){
			if(oAjax.readyState==4){
				if(oAjax.status==200){
					fnSucc(oAjax.responseText)
				}else{
					if(fnFaild){
						fnFaild();
					}
				}
			}
		}	
  }
 </script>

在需要的页面调用刚才封装好的ajax方法

<script>
 ajax("http://www.daiwozoua.com",function(str){
		var data=JSON.parse(str)
		console.log(data)
	},function(){
		alert("获取失败")
	})
</script>
发布了25 篇原创文章 · 获赞 0 · 访问量 650

猜你喜欢

转载自blog.csdn.net/JamesHKK/article/details/104019358