php - jQuery + ajax 实时搜索

Question

我正在使用 w3schools 上的示例进行 mysql 数据库搜索并通过 ajax livesearch 检索一些结果，我想操纵这些结果（拖放它们）但我遇到了问题，因为脚本在您输入搜索之前加载并获得结果所以它绝对没有搜索结果。对这个问题有什么想法吗？

Answer 1

啊-感谢您的澄清。

您要拖动的元素是在拖放初始化之后创建的。您需要使它们可拖动：

例如，将“dragMe”作为类添加到项目中。从服务器填充列表后，使这些项目可拖动：

$('.dragMe').draggable();

我真的会研究 jQuery 的ajax函数及其自动完成功能

为了澄清和 jquery（针对您引用的示例）：

function showUser(str)
{
   $.get( 'getuser.php', { q: str },
       function(data) {
          $('#txtHint').html( data ); // add the returned content to #txtHint
          $('#txtHint').find('.dragItem').draggable(); //make the new items draggable
       }, 'html' );
}

在您的 php 中，更改您的显示，使其成为可以拖动的块。

while($row = mysql_fetch_array($result))
  {
  echo "<div class="dragItem">"; // see how we're adding the 'dragItem' class? 
  echo "Firstname " . $row['FirstName'];
  echo "</div>";
  }

过去，你真的想做更多的研究来更好地了解正在发生的事情。