原生/jq ajax请求

最新推荐文章于 2024-08-09 17:26:52 发布

心郎

最新推荐文章于 2024-08-09 17:26:52 发布

阅读量363

点赞数

分类专栏：前段_JQuery

本文链接：https://blog.csdn.net/u011301203/article/details/69366576

版权

前段_JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
	<script>
			
		var xmlHttp;
		function createXmlHttpRquest(){
			if(window.ActiveObject){
				xmlHttp = new ActiveXobject("Microsoft.XMLHTTP");
			}else if(window.XMLHttpRequest){
				xmlHttp = new XMLHttpRequest();
			}
		}
		function doGet(url){
			createXmlHttpRquest();
			xmlHttp.open("GET",url);
			xmlHttp.send(null);
			doSuccess(xmlHttp);
		}
		function doPost(url,data){
			createXmlHttpRquest();
			xmlHttp.open("POST",url);
			xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
			xmlHttp.send(data);
			doSuccess(xmlHttp);
		}
		function doSuccess(xmlHttp){
			xmlHttp.onreadystatechange = function(){
				if(xmlHttp.readyState == 4&& xmlHttp.status ==200){
					console.log("success:"+xmlHttp.responseText);
				}
			}
		}
		
		
		
		function jQajax(){
			url:"http:xxxxx",
			type:'post/get',
			async:false,// 默认(true异步请求)，false同步请求
			data: {name:'zhangsan',age:'18'}//发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
			dataType:'json/jsonp/text/script/html/xml',//预期服务器返回的数据类型
			cache:true,//默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
			jsonp:'jsoncallback',
			contentType:"application/x-www-form-urlencoded", //发送信息至服务器时内容编码类型 有默认值可以不设置
			timeout:15000,
			beforeSend:function(){ //发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头
				console.log('发送请求之前做什么');
			},
			success:function(data){ //
				console.log('请求成功后返回数据'+data);
			},
			error:function(){
				console.log("请求失败");
			},
			complete:function(){ //请求完成后回调函数 (请求成功或失败之后均调用)
				console.log('请求完成啦')
			}
		}
			
	</script>
	</body>
</html>