Javascript ajax不显示输出_Javascript_Php_Ajax

Javascript ajax不显示输出

javascript php ajax

Javascript ajax不显示输出,javascript,php,ajax,Javascript,Php,Ajax,我使用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://

我使用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-xmlhttp；
函数drawSquare（）{
xmlhttp=新的XMLHttpRequest（）；
var rows=document.GetElementById（“rows”）.value；
var cols=document.getElementById（“cols”）.value；
var url=“squareService.php？rows=“+rows+”&cols=“+cols；
console.log（url）；
}
行：

列：

简单的打字

改变

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

到

记住，JavaScript是区分大小写的

没关系！盯着看了一个小时后，我一贴出来，就意识到我有一个打字错误，原来是“GetElementById”，应该是“GetElementById”

更正这段代码：

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”。你确定这是ajax代码吗？

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);

            }