Question

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

但是当我有一个用户尝试使用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/>");
        }



    ?>

Answer 1

简单错字，

更改

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

到

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

请记住，JavaScript区分大小写。

Reference

Answer 2

更正代码的这一部分：

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

不同

Answer 3

没关系！经过一个小时的凝视后我发现它，我意识到我有一个错字原件是＆＃34; GetElementById＆＃34;应该是＆＃34; getElementById＆＃34;

ajax不显示输出

3 个答案: