JSON错误请求未定义

当我做console.log（req.responsetext）我得到[11：38：04.967] ReferenceError：req没有定义。但我将req定义为一个新的窗口加载xml请求，所以我有点难住。有没有办法让我通过参考？JSON错误请求未定义

控制台输出如下

[12:29:06.839] GET getterms.php?query=DFA [HTTP/1.1 200 OK 99ms] 
[12:29:06.888] SyntaxError: JSON.parse: unexpected character @ search.php:21 
[12:33:24.316] console.log(req.responsetext) 
[12:33:24.318] ReferenceError: req is not defined

任何和所有帮助将是非常感激地赞赏。谢谢任何花时间阅读和/或回答的人，即使你无法帮助！

<!DOCTYPE html> 
<html lang='en'> 
<head> 
    <meta charset='utf-8'> 
    <title>Auto Complete</title> 
</head> 

<body> 
    <script> 
     window.onload = function() { 
      var req = new XMLHttpRequest();  //the HTTP request which will invoke the query 
      var input = document.getElementById('search');  //where to grab the search from 
      var output = document.getElementById('results'); //where to display the sugestions 

      input.oninput = getSuggestions; 

      function getSuggestions() { 
       req.onreadystatechange = function() { 
        output.innerHTML = ""; //CLEAR the previous results!! only once the server can process new ones though 
        if (this.readyState == 4 && input.value != "") { 
         var response = JSON.parse(req.responseText); 
         for (var i = 0; i < response.length; i++) 
          addSuggestion(response[i].terms); 
        } 
       }    
       req.open('GET', 'getterms.php?query=' + input.value, true); //GET request to getterms.php?= 
       req.send(null); 
      } 

      addSuggestion = function (suggestion) { 
       var div = document.createElement('div'); 
       var p = document.createElement('p'); 
       div.classList.add('suggestion');  //suggestion[x]... 
       p.textContent = suggestion;    
       div.appendChild(p); 
       output.appendChild(div); 

       div.onclick = function() { 
        input.value = p.innerHTML; //set the search box 
        getSuggestions();   //GET new suggesions 
       } 


      } 
     } 
    </script> 

    <input type='text' id='search' name='search' autofocus='autofocus'> 
    <div id='results'></div> 
</body> 
</html>

编辑这是我的PHP页面，回声的JSON。

<?php 
error_reporting(E_ALL); 
ini_set('display_errors', 'On'); 

if (!isset($_GET['query']) || empty($_GET['query'])) 
    header('HTTP/1.0 400 Bad Request', true, 400); 
else { 


    $db = new PDO(
    my database 
    ); 


    $search_query = $db->prepare(" 
     SELECT * FROM `words` WHERE `word` LIKE :keywords LIMIT 5 
    "); 

    $params = array(
     ':keywords' => $_GET['query'] . '%', 
    ); 

    $search_query->execute($params); 
    $results = $search_query->fetchAll(PDO::FETCH_ASSOC); 

    echo json_encode($results); 
} 
?>

来源

2013-05-07 Chris

你在哪里实际调用'console.log（req.responseText）'？ – Ian 2013-05-07 19:37:41

在我的控制台，当我用萤火虫调试 – Chris 2013-05-07 19:38:06

为什么你期望'req'被定义？你可以在'window.onload'的**里面定义它**，这就是它的定义范围。它没有在全局范围中定义（控制台执行的地方） – Ian 2013-05-07 19:38:49

范围问题！删除请求前的var使其成为全局的，它应该工作

来源

2013-05-07 19:39:07

这不是答案，但你确实帮我找到了，所以我非常感激！ – Chris 2013-05-07 20:35:07

JSON错误请求未定义

回答

相关问题