传统的Ajax请求操作

最新推荐文章于 2022-05-12 22:29:08 发布

茶凉了就别再续了

最新推荐文章于 2022-05-12 22:29:08 发布

阅读量957

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/blogluoqi/article/details/17854489

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	//jQuery实现post请求 当然get、ajax用法都相似
	function ajax() {
		var name = document.getElementById("ad").value;
		$.post("ajax_ajax.action?name=" + encodeURI(encodeURI(name)), function(
				dt) {
			$("#yz").html(dt)
		});
	}
</script>
//传统的ajax请求
<script type="text/javascript">
	function testXMLAjax() {
		var xmlAjax = null;
		if (window.ActiveXObject) {//判断是否是ie浏览器
			xmlAjax = new ActiveXObject("microsoft.XMLHTTP");
		} else if (window.XMLHttpRequest) {
			xmlAjax = new XMLHttpRequest();
		}
		//创建请求，第一个参数：get/post请求 二、页面路径 三、是否异步
		xmlAjax.open("get", "http://c1j-225:8080/ajax/index.jsp", true);
		document.getElementById("dd").innerHTML = "<img src='loading_circle.gif' align=absmiddle>正在加载请稍后......";
		//设置回调函数
		xmlAjax.onreadystatechange = function() {
			//readyState请求状态 status状态码
			if (xmlAjax.readyState == 4 && xmlAjax.status == 200) {
				//获取请求的结果(文本)
				var data = xmlAjax.responseText;
				//赋值给页面
				document.getElementById("response").innerHTML = data;
			}
		};
		//send发送请求null不传参
		xmlAjax.send(null);
	}
</script>
</head>
<body>
	<p id="response"></p>
</body>