网站上a4.php可以连接数据库产生echo的列表，希望可以输出到html中，这个怎么用Ajax 实现啊
就是一个a4.php，echo‘hello’；我希望在html中，可以让‘hello’显示出来，用Ajax捕捉，怎么用啊，试了半天都不行，求完整的代码...
就是一个a4.php，echo ‘hello’ ；我希望在html中，可以让‘hello’显示出来，用Ajax捕捉，怎么用啊，试了半天都不行，求完整的代码
展开
2个回答
展开全部
a4.php
<?php
//....
echo "hello";
?>
a4.html
<html>
<head>
<script src="a4.js"></script>
</head>
<body>
点击获取:
<input type="button" value="click"
onclick="showHint(this.value)">
<p>ajax结果: <span id="txtHint"></span></p>
</body>
</html>
a4.js
var xmlHttp
function showHint(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="a4.php"
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
现在有很多打包好的ajax库，比如最常用的 jQuery，使用这些库可以让代码简单很多，
a4.php
<?php
echo "hello";
index.html
<!DOCTYPE html>
<html>
<head lang="ch">
<meta charset="UTF-8">
<title></title>
<script src="
</head>
<body>
<button id="loadDataBtn">加载数据</button>
<div id="data"></div>
<script>
$("#loadDataBtn").click( function(){
$.post("a4.php", {},
function(data){
$("#data").text( data );
});
} );
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
