私はファイルのリストとドロップダウンボックスを持っています。ユーザーがさまざまなカテゴリなどでそれらをフィルタリングできるようにしたいと思います.
SQLクエリを作成して結果を返す関数を持つphpクラスがあります。リフレッシュを防ぐために、ajaxを介してこれを行いたいと思います。
私は立ち往生していて、助けを求めていました。
問題は、次に何をすべきかわからないことです。これは私にとってかなり新しいことですが、まだ多くの外国人です。選択から ajax 呼び出しを onKeyUp で実行できる場合は、さらに優れています。
助けてくれてありがとう:
HTML:
<div>
<form action="" method="post" name="orderBy">
<label for="orderBy" id="orderBy">Order By:</label>
<select>
<option class="orderByOption" value="newest">Newest First</option>
<option class="orderByOption" value="oldest">Oldest First</option>
<option class="orderByOption" value="cat">Category</option>
<option class="orderByOption" value="alpha">Aphabetical</option>
<option class="orderByOption" value="fileType">Filetype</option>
</select>
<label> </label>
<input type="submit" class="orderByTrainingButton" name="submit" value="Go!"/>
</form>
</div>
アヤックス:
//form for changing the ordering of items in training all docs
$(function(){
$(".orderByTrainingButton").click(function(){
//validate and process
//get vlaue
var option = $(".orderByOption").val();
var params = {option: option};
$.ajax({
type: "POST",
url: "../trainingOrderByAjax.php",
data: params,
dataType: 'json',
success: function(data){
if(data.success == true){
//aaaannnd. stuck/
}else{
// shouldn't ge there...I hope.
}
},
error: function( error ) {
console.log(error);
}
});
});
});
ajax が呼び出す php:
<?php
include_once('core/init.php');
if($_POST){
$orderBy = $_POST['orderByOption'];
if($training->getAlFilesOrderBy($orderBy)){
$data['success'] = true;
}else{
$data['success'] = false;
}
echo json_encode($data);
}
desc または asc による順序付けから始めるのは素晴らしいことです。その後、その上に構築できます。