在php和jQuery中使用ajax时，如何循环浏览json？

我有一个<input>，当有人输入时显示建议。我正在构建后端，以便ajax抓取数据库中前五个具有该字母序列的标记，并以跨度显示它，特别是<div>。我似乎并没有完全成功。这是我做过的第一个Ajax。帮助将不胜感激。以下是适用的HTML，Javascript和PHP。我认为我很接近，但不确定如何继续。该问题可能是在JavaScript中。在php和jQuery中使用ajax时，如何循环浏览json？

HTML：

<label id="testTagsLabel">Tags:</label> 
<input type="text" name="tags" id="testTags" placeholder="Ex: Poem, Edgar Allen Poe"> 
<div id="tagSuggest"> 
<ul> 
<!--the javascript would add the suggests as list items here--> 
</ul> 
</div>

PHP：

<?php #create_set.ajax.php 

$tagSuggestions = array(); 

$currentTag = $_POST['sendTag']; 

if (!empty($currentTag)){ 

require_once (MYSQL); //gets the database connection 

$enteredTag = mysqli_real_escape_string ($dbc, $currentTag); 

$q = "SELECT name FROM tags WHERE MATCH(name) AGAINST('$enteredTag'.'*' IN BOOLEAN MODE) LIMIT 5"; 
$r = mysqli_query ($dbc, $q) or trigger_error("Query: $q\n<br />MySQL Error: " . mysqli_error($dbc)); 

if (mysqli_num_rows($r) > 0) {//if there are tags that match what the user typed 

while ($row = mysqli_fetch_array($r, MYSQLI_ASSOC)) { 

$tag = $row['name']; 

$tagSuggestions[] = $tag; 

} 

echo json_encode($tagSuggestions); 

} 

} 

?>

的Javascript：

$(function(){ 
     function sendTag(str){ 
      $.post("../includes/create_set.ajax.php",{ sendTag: str }, 
      function(data){ 
       for (var key in data.returnTag) { 
        if(data.returnTag.hasOwnProperty(key)) { 
         $('#tagSuggestTag').html('<li class="tagSuggestTag">' + data.returnTag + "<li>"); 
        } 
       } 
      }, "json"); 

     } 

     $('#testTags').keyup(//on key press in tag field show the send the request and show the suggestions 
     function(){ 
      sendTag($(this).val()); 
      $('#tagSuggest').show(); 
     }); 
});

来源

2011-04-03 chromedude

我没有看到data.returnTag应该是什么，数据是一个简单的数组。

所以你可以重复使用它

for(var i =0;i<data.length;++i)

过，并通过data[i]

$('<li class="tagSuggestTag"/>').appendTo('#tagSuggestTag ul').text(data[i]);

来源

2011-04-03 02:13:43

访问循环内的项目。如果我读这个权利，你基本上追加一个相同<li>通过循环中的每一次传球。这似乎是有问题的位：

for (var key in data.returnTag) { 
    if(data.returnTag.hasOwnProperty(key)) { 
     $('#tagSuggestTag').html('<li class="tagSuggestTag">' + data.returnTag + "<li>"); 
    } 
}

在这段代码，你把#tagSuggestTag，我以为是暗示框，应持有的建议名单，并替换它的HTML内容与单<li>。而且你每循环一遍都会这样做。如果我是对的，你最终只能在推荐框中输入1个项目。要解决此问题，请使用.append()而不是.html()。另外，你的提示框选择器（ID）似乎是错误的。

例子：

for (var key in data) { 
    $('#tagSuggest ul').apend('<li class="tagSuggestTag">' + data[key] + "<li>"); 
}

另外请注意，你调用返回的值是错误的。当从你的响应对象中获得值时，你调用了不存在的data.returnTag，因为在你的情况下，data是一个对象数组。相反，您应该遍历data，而不是data.returnTag，并使用data[key]访问属性。

这很有可能存在比这更多的问题。

来源

2011-04-03 02:15:16 Daniel

在php和jQuery中使用ajax时，如何循环浏览json？

回答

相关问题