风一样的回忆

新浪微薄腾讯微薄

最新碎语:从未遇见一位没亏过钱的富人,却遇见许多从未亏掉一毛钱的穷人

您的位置:风一样的回忆 >jQuery> [原创]原生ajax写法示例

[原创]原生ajax写法示例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>测试</title>
</head>
<body>
	<script type="text/javascript">
	var postData = {
		"name1":"value1",
		"name2":"value2"
	};
	postData = (function(obj){
		var str = "";
		for(var prop in obj){
			str += prop +"=" +obj[prop]+"&"
		}
		return str;
	})(postData);
	var xhr = new XMLHttpRequest();

	xhr.open("POST", "http://pay.cc/a.php", true);
	xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xhr.onreadystatechange = function(){
		var XMLHttpReq = xhr;
		if(XMLHttpReq.readyState ==4){
			if(XMLHttpReq.status ==200){
				var text = XMLHttpReq.responseText;
				console.log(text);
			}
		}
	}
	xhr.send(postData);
	</script>
</body>
</html>

---

转载请注明本文标题和链接:《[原创]原生ajax写法示例

分享到:
以下为全部代码:
Plugins by ewCEO.com

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交