0

ファイルから連想配列にデータを読み取り、products.php ("カテゴリ_ページ」関数)

私の目的は、ページを更新せずに表示された情報を並べ替えるために、ユーザーがドロップダウンから選択できるようにすることです。

これまでのところ、ドロップダウンの変更を使用してこれを達成しdocument.formname.submit、次に使用$_GETして配列内のどのキーをソートするかを選択しましたが、これによりページがリロードされます。

私はphp、javascript/jqueryについて少し知識があり、AJAXでかなりの検索/読み取りを行って、更新/リロードなしで更新を有効にしましたが、すべての要素をまとめることができないようです.

したがって、products.php には、次の javascript/jquery があります。

function sort_products() {
queryString = "?sort_list="+$("#sort_list").val();
$.ajax({   
    type: 'GET',                                   
    url: 'category-page.php',         
    data: 'sort_list='+queryString
})
}

$("#sort_list").on("change", function() { sort_products() });

そして、category-page.php で:

if(isset($_GET['sort_list'])) {
    $sort = $_GET['sort_list'];
} 
else {
    // set default sort order
}

リクエストが送信されていることを Chrome のネットワーク パネルで確認しましたcategory-page.php?sort_list=priceが、ページが更新されていません。どんな助けでも大歓迎です！

4

2 に答える 2

0

次のコード行を変更します。

$("#sort_list").on("change", function(e) { sort_products(); e.preventDefault(); e.stopPropagation(); });
于 2013-01-24T13:28:27.210 に答える