您的位置：首页 > 其它

ajax简单请求

2017-07-13 00:28 183 查看

<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" onblur="user()">
<input type="button" onclick="show()" value="request" />
<div id="two"></div>

</body>
</html>

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

33.php

<?php

var_dump($_GET);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航