1

PHP と JavaScript を扱うのはこれが初めてです ... 何かを修正するためにあなたの助けが必要です。

私のサイトにはヘッダーに検索ボックスがあり、検索語が送信されると、フィルター メニューと検索結果を保持する search.php に移動します。フィルタ メニューはいくつかの選択リストに基づいています。フィルタ メニューで任意のオプションをクリックするとすぐに、検索結果が更新されます。

このために、別のphpファイル「SearchResult.php」からデータを呼び出して、ID #Resultでdivを更新するjavascriptを使用しています。

問題: localhost では問題なく動作しますが、オンラインでは検索結果の更新に遅延が発生します。

ヘルプ: 視聴者が理解できるように何らかの種類の読み込みを表示する方法はありますか、それとも高速化する方法はありますか?

ここに私のコードがあります:

Javaスクリプト機能

function get() 
{
    $('#Search_Results').hide();
    $.post('SearchResults.php', { Search: form.Search.value, cat: form.category.value, brand: form.brand.value },
    function(output) 
        {
            $('#Search_Results').html(output).show();
        }
)
}

検索フィルターフォーム

enter code hereif(!empty($_REQUEST['Search'])){
$SearchTerm = $_REQUEST['Search'];
} else {
    $SearchTerm = '';
}
// Search term submited 
echo '<input name="Search" type="hidden" value="'.$SearchTerm.'" />';
$sql = mysql_query ("SELECT * FROM categories");
echo '<h4>Filter Categories</h4><select name="cat" onChange="get();" size="15">';
echo '<option value="" class="Select_Options">All Categories</option>';
    while ($row = mysql_fetch_array($sql)) 
        {
            echo '<option class="Select_Options" value="' . $row["CategoryID"] . '">' . $row["CategoryName"] . '</option>';
    }
echo '</select>';
//Few more such filters

検索結果ページ

if(!empty($_REQUEST['Search'])){
$SearchTerm = $_REQUEST['Search'];
}
else {
echo 'Please enter search keyword(s)';
exit();
}
if(!empty($_REQUEST['cat'])){
$cat = $_REQUEST['cat'];
$SearchQuery .= " AND categories.CategoryID = '$cat'";
}

if(!empty($_REQUEST['brand'])){
$brand = $_REQUEST['brand'];
$SearchQuery .= " AND brands.BrandID = '$brand'";
}

$sql = "SELECT DISTINCT products.ProductID, ProductKeywords, products.SectionID, products.ProductThumb, products.ProductPrice, products.CategoryID, products.SubCategoryID, products.BrandID, brands.BrandLogo, ProductTitle AS title FROM products 
    INNER JOIN brands ON products.BrandID = brands.BrandID 
    INNER JOIN sections ON products.SectionID = sections.SectionID 
    INNER JOIN categories ON products.CategoryID = categories.CategoryID 
    INNER JOIN subcategory ON products.SubCategoryID = subcategory.SubCatID $ColorJoin
    WHERE MATCH (ProductKeywords) AGAINST ('$SearchTerm*' in boolean mode)$SearchQuery";

$query = mysql_query($sql);
echo '<div id="Product_Search_Container"><ul>';
while ($row = mysql_fetch_array($query)) 
{

    $ProductID = $row["ProductID"];     
    $sql2 = mysql_query ("SELECT COUNT(ProColorID) AS ProductCount FROM productcolors WHERE ProductID = '$ProductID'");     
            while ($row5 = mysql_fetch_array($sql2)) 
            {
                $BrandID = $row["BrandID"];
                $sql3 = mysql_query ("SELECT * FROM brands WHERE BrandID = '$BrandID'");        
                while ($row6 = mysql_fetch_array($sql3)) 
                {
                    $ProductThumb = $row["ProductThumb"];
                    if ($ProductThumb == NULL) { $ProductThumb = "No_Image.jpg"; }

            echo '<li><img src="images/Products/Thumbs/' . $ProductThumb . '" width="210px" height="275px" />
                    <div class="zoomer"><span class="zoom';
                    if ($ProductThumb != "No_Image.jpg") {
                        echo ' cursonstyle" style="position: relative; overflow: hidden;"><img src="images/Products/Thumbs/zoom/' . $ProductThumb . '" alt="' . $row["title"] . '" />
                    '; } else { echo '">'; }
                    echo '</span><span class="Pro_Title">' . $row["title"] . '</span>
                    <span class="BrandLogo"><img src="images/Brands/' . $row6["BrandLogo"] . '" /></span>
                    <span class="ProColors">' . $row5["ProductCount"] . ' Colors</span>
                    <span class="ProPrice">$' . $row["ProductPrice"] . '</span>
                    <a href="?Product=' . $row["ProductID"] . '" class="viewdetails">&nbsp;</a></a></li>';  

                }                           
            }
}

        echo '</ul></div>';
4

1 に答える 1

1

投稿リクエストを開始するときに表示し、コールバックで非表示にするだけで、読み込み中のメッセージを表示できます。

function get() 
{
    $('#Search_Results').hide();
    $('#loading').show().html('Please wait while loading..'); // <-- show message on function call
    $.post('SearchResults.php', { Search: form.Search.value, cat: form.category.value, brand: form.brand.value },
    function(output) 
        {
            $('#loading').hide(); // <-- hide in callback function
            $('#Search_Results').html(output).show();
        }
)
}

また、ajax リクエストのエラーを処理し、準備されたステートメントを調べるか、少なくともすべてのユーザー入力に対してmysql_real_escape_string()を使用する必要があります。

于 2012-06-03T09:21:59.357 に答える