2014-12-03 9 views
-1

Я написал простой код, используя php, который заполняет строки и столбцы с помощью *. Ive проверил php conde, набрав URL-адрес localhost/squareService.php? Rows = 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

Вы уверены, что это код аякса? –

ответ

1

Простой опечатка,

Изменить

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

в

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

Помните, что JavaScript чувствителен к регистру.

Reference

0

никогда не возражаю! как только отправил его через час смотрел я понял, что я имел опечатка оригинал был «GetElementById» Это должно было быть «getElementById»

+1

Все еще опечатка, 'getElemetByID' должна быть 'getElementById'. – Pupil

1

Correct этот раздел кода:

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

Смежные вопросы