[英]Storing JSON result from ajax request to a javascript variable for Easyautocomplete
我正在嘗試使用ajax請求基於另一個字段中填充的值在字段上實現EasyAutoComplete插件。
我有一個customerid
字段,當它的值發生變化時,我希望productname
字段使用EasyAutoComplete插件顯示與該customerid
相關的所有產品。
這是我到目前為止:
$('#customerid').on('change',function() {
var products2 = {
url: function(phrase) {
return "database/FetchCustomerProducts.php";
},
ajaxSettings: {
dataType: "json",
method: "POST",
data: {
dataType: "json"
}
},
preparePostData: function(data) {
data.phrase = $("#customerid").val();
return data;
},
getValue: "name",
list: {
onSelectItemEvent: function() {
var value = $("#productname").getSelectedItemData().id;
$("#productid").val(value).trigger("change");
},
match: {
enabled: true
}
}
};
$("#productname").easyAutocomplete(products2);
});
FetchCustomerProducts.php的內容:
if(!empty($_POST["customerid"])){
$products = $app['database']->Select('products', 'customerid', $_POST['customerid']);
echo json_encode(['data' => $products]);
}
然而,它不起作用。 該代碼基於此頁面上的“Ajax POST”示例。
你可以使用元素選擇類別添加是類“check_catogory”后使用事件點擊元素選擇獲取值是選項,繼續發送id到ajax和文件php,你可以得到$ _POST ['id']或$ _GET ['id' ],在echo json_encode之后選擇find database
$("#customerid").change(function(){
var id = $(this).val();
if(id!=""){
$.ajax({
url:"database/FetchCustomerProducts.php",
type:"POST",
data:{id:id},
dataType: "json",
cache:false,
success:function(result){
var options = {
data:result,
getValue: "name",
list: {
onSelectItemEvent: function() {
var value = $("#productname").getSelectedItemData().id;
$("#productid").val(value).trigger("change");
},
match: {
enabled: true
}
}
};
$("#productname").easyAutocomplete(options);
}
})
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.