2014-12-03 81 views
-1

我写了一个简单的代码使用PHP填充行和列*。香港专业教育学院通过键入URL本地主机测试的PHP孔德/ squareService.php?行= 3周&的cols = 3ajax不显示输出

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



    ?> 
+0

你确定这是ajax代码吗? – 2014-12-03 05:47:04

回答

1

简单的拼写错误,

变化

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

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

记住,JavaScript是区分大小写的。

Reference

0

没关系!只要贴吧盯着我意识到,我有一个错字原来是“的getElementById”这应该是“的getElementById”

+1

还是一个错字,'getElemetByID'应该是'getElementById'。 – Pupil 2014-12-03 05:44:06

1

正确的代码本节一小时后:

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