搜索并加载结果 jquery ajax答案

【问题标题】：search and load results jquery ajax搜索并加载结果 jquery ajax
【发布时间】：2013-08-18 06:43:58
【问题描述】：

我对 AJAX / jQuery 还很陌生，我只是在探索一些东西这是我的问题我有一个文本框，我想要做的是如果我点击搜索按钮，搜索结果将加载（#sort-results）我不知道这有什么问题..我希望任何人都可以让我更明白。谢谢。

Index.php

<input type="text" name="item_type" class="item_type"></td>
        <select class="location">
          <option value="bldg1">bldg1</option>
          <option value="bldg2">bldg2</option>
        </select>
        <button class="btn_search">Search</button>

      <div id="sort-results"></div>

Script.js

$(".btn_search").click(function(){
  type = $(".item_type").val();
  location = $(".location").val();
    if(type.length > 0){
    $.ajax({
      type: "GET",
      url: "sort.php",
      data: "type="+type +"location="+location,
      cache:false,
      success : function(){
        $("#sort-results").html();
      }

    });
   }

});

Sort.php

require 'global/db.php';
require_once 'config.php';
$type = $_GET['type'];
$location = $_GET['location'];

$db = new Database(DBHOST, DBUSER, DBPASS, DB);
$selection = $db->select("SELECT * FROM os_inventory WHERE os_type like '$type' AND os_location like '$location'");
echo "<table class=bordered>
        <tr><th>Item</th>
        <th>Item Code</th>
        <th>Item Type</th>
        <th>Serial No.</th>
        <th>Date Added</th>
        </tr>";
foreach ($selection as $key) {
    echo "<tr>";
    echo "<td>" . $key['os_id'] . "</td>";
    echo "<td>" . $key['os_type'] . "</td>";
    echo "<td>" . $key['os_code'] . "</td>";
    echo "<td>" . $key['os_serial'] . "</td>";
    echo "<td>" . $key['os_date'] . "</td>";
    echo "</tr>";
}
echo "</table>";

【问题讨论】：

标签： php jquery ajax search

【解决方案1】：

您是否忘记实际传递内容？

success : function(html){
             $("#sort-results").html(html);
          }

【讨论】：

我不确定我是否理解您的问题。我在上面发布的代码是对原始问题中jQuery.ajax 代码的更正。 jQuery.ajax 方法接受一个参数对象，其中一个可以是success 回调。此回调采用文档中定义的参数。 api.jquery.com/jQuery.ajax 第一个参数是响应的内容（我在上面的修复中将该参数命名为 html。然后需要将 html 的内容 html 放入 DOM 中，您可以使用.html() 打电话。
是的，我的问题是，我的 jquery/ajax 代码有什么问题，因为我想做的是在同一页面上加载 sort.php 文件而不使用 ajax/jquery 刷新。它只说找不到对象！
它在哪里说“找不到对象”？安慰？警报？在页面内容的某处？我所做的只是纠正你的 JavaScript。我不知道你的 PHP 是否做了它应该做的。
点击搜索按钮后，页面显示找不到对象！
我们无权访问您的数据库或 PHP 环境，因此您必须更具体地说明它的确切位置。

【解决方案2】：

也许我错了，但我没有看到 jQuery 选择器使用句点。将您的选择器更改为：

$("#btn_search").click(function(){
      type = $("#item_type").val();
      location = $("#location").val();

然后按照@David 的帖子实际从服务器接收代码以放置在您的 DIV 中

【讨论】：

“句点”是您指定具有特定 CSS“类”的所有元素的方式，而不是具有特定 id DOM 属性的单个元素。