ajax简单请求

最新推荐文章于 2022-05-20 00:29:08 发布

gz109

最新推荐文章于 2022-05-20 00:29:08 发布

阅读量367

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/gz109/article/details/75042597

版权

Javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta charset="utf-8" />
<title>AJAX的基本应用</title>
</head>
<body>
<script>
//每次请求都要使用一个新的XMLHTTPREQUEST
var ajax=null;
function user(){		
		var ke=document.getElementById('go').value; //获取值
		
		//alert(ke);
		var xhr= new XMLHttpRequest();
		xhr.onreadystatechange=function(){
			if(xhr.readyState==4){  //判断
				//alert(xhr.responseText);
				document.getElementById('two').innerHTML=xhr.responseText; //如果有值则插到two里面的ID里面
								
			}
		}
		
		xhr.open('get','./33.php?k&'+ke); //请求方式，请求地址+请求值
		xhr.send(null);
	
	}
</script>
<input type="text" name="keywords" id="go" size="20" autocomplete="off" required="required" οnblur="user()">	
<input type="button" οnclick="show()" value="request" />
<div id="two"></div>


</body>
</html>

当键盘失去焦点的时候，则向33.PHP请求发送地址

33.php