AJAX 不显示输出 - ajax not displaying output

ajax not displaying output

本文关键字：输出显示 AJAX | 更新日期: 2023-09-27

我用php编写了一个简单的代码，用*填充行和列。我通过键入url localhost/squareService.php？rows=3&cols=3来测试php conde

。

但是当我让用户尝试使用 js 和 html 输入行数和列数时，没有任何反应。我似乎找不到这段代码失败的地方。

注意：PHP 位于一个名为 squareService 的单独文件中。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en">
    <head>
        <title>consume Square Service</title>
        <script language ="javascript" type="text/javascript">
        var xmlhttp;
        function drawSquare(){
            xmlhttp = new XMLHttpRequest();
            var rows= document.GetElementById("rows").value;
            var cols= document.getElementById("cols").value;
            var url ="squareService.php?rows=" + rows + "&cols=" + cols;
            console.log(url);
            }

        </script>
    </head>
    <body>
        <div id="results"></div>
        Rows:<input type="text" id="rows"/> <br/>
        Columns:<input type="text" id="cols"/> <br/>
        <input type ="button" value="Draw Square" onclick="drawSquare()"/>
    </body>
    </html>
<?php
    $rows = $_REQUEST['rows'];
    $cols= $_REQUEST['cols'];
        for($i=0; $i<$cols; $i++)
        {
            for($x=0; $x<$rows; $x++)
            {
                print("*");
            }
            print("<br/>");
        }

    ?>

简单的错别字，

改变

var rows= document.GetElementById("rows").value;

自

var rows= document.getElementById("rows").value;

请记住，JavaScript 区分大小写。

参考

更正代码

的这一部分：

function drawSquare(){
            xmlhttp = new XMLHttpRequest();
            var rows= document.getElementById("rows").value;
            var cols= document.getElementById("cols").value;
            var url ="squareService.php?rows=" + rows + "&cols=" + cols;
            console.log(url);
            }

永远记住JS区分大小写。所以GetElementById与getElementById不同

没关系！经过一个小时的凝视后，我意识到我有一个错别字原版是"GetElementById" 它应该是"getElementById"