您的位置:首页 > 编程语言 > PHP开发

[php学习四]AJAX练习1

2016-07-13 22:14 549 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>innerHTML属性练习</title>
<script type="text/javascript">
function GetInnerHTML(){
/*IE5.0,IE6.0不支持这么写,先不考虑它们了~~~*/
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
/*非常的不理解,为什么字符串用==不可以判断???,那以后就用indexOf这个了~~*/
if (xmlhttp.responseText.indexOf("true") == 1) {
alert("验证成功");
}
else{
alert("验证失败");
}
}
}
xmlhttp.open("GET","TestAjax.php?v1=20", true);
xmlhttp.send();
/*POST的方式研究一个晚上也没研究明白,大概用到一下语句:
xmlhttp.open("POST","TestAjax.php",true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www.form-urlencoded");
xmlhttp.setRequestHeader("charset", "UTF-8");
xmlhttp.send("v1=20");
echo $GLOBALS["HTTP_RAW_POST_DATA"];
*/
}
</script>
</head>
<body>
<table border="1" id="T1">
<tr id="tr1"><th>FirstName</th><th>LastName</th></tr>
<tr id="tr2"><th>Hello</th><th>World</th></tr>
</table>
<br />
<input type="button" onclick="GetInnerHTML()" value="Alert innerHTML of table row">
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax