[php学习四]AJAX练习1

最新推荐文章于 2024-04-03 18:23:44 发布

灵眼儿上方

最新推荐文章于 2024-04-03 18:23:44 发布

阅读量378

点赞数

分类专栏： php 文章标签： ajax

本文链接：https://blog.csdn.net/liyanq528/article/details/51902031

版权

php 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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" οnclick="GetInnerHTML()" value="Alert innerHTML of table row">
</body>
</html>