0

私はAJAX / jQueryにかなり慣れていません。これは私の問題です。テキストボックスがあり、検索ボタンをクリックすると、検索結果がロードされます（#sort-results）Iこれの何が問題なのかわからない..誰かが私をさらに理解してくれることを願っています。ありがとう。

インデックス.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();
      }

    });
   }

});

ソート.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>";
4

2 に答える 2

0

たぶん私は間違っているかもしれませんが、jQuery セレクターがピリオドを使用するのを見たことがありません。セレクターを次のように変更します。

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

次に、@Davidの投稿に従って、実際にサーバーからコードを受け取り、DIVに配置します

于 2013-08-19T14:51:29.323 に答える