|
 |
| |
ต้องการทำ autocomplete โดยดึงข้อมุลจากลิงค์ภายนอก ทำได้อย่างไรครับ |
| |
 |
|
|
 |
 |
|
http://api.steampowered.com/ISteamApps/GetAppList/v2
ต้องการดึงข้อมูล appid และ name จากลิงค์ด้านบน มาทำ auto complete ให้ผู้ใช้งาน เลือกชื่อเกมได้เลย
และ ส่งไป update โดยใช้ค่า appid และ name ใน db ของเวบ
Code (PHP)
$("#inputGame").autocomplete({
source: function( request, response ) {
$.ajax({
url: "http://api.steampowered.com/ISteamApps/GetAppList/v2",
dataType: 'json',
data: {name: request.term},
success: function(data) {
response($.map(data, function(item) {
return {
appid: item.appid,
name: item.name
};
}));
}
});
},
minLength: 2,
select: function(event, ui) {
$('#inputGame').val(ui.item.name);
},
open: function() {
$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
},
close: function() {
$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
}
});
ทำแล้ว error ไม่แสดงชื่อเกมครับ รบกวนช่วยทีครับ
Tag : PHP, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2014-08-30 17:50:37 |
By :
progamer2000 |
View :
780 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
สงสัยทำไม บรรทัดที่13 วงเล็บเยอะจัง }));
|
| |
|
|
| |
| Date :
2014-08-30 21:07:58 |
By :
chai19 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
success: function(data) {
alert(data);
ลอง alert ตรงนี้ครับ มันอ่านค่า Result กลับมาได้หรือเปล่าครับ
|
| |
|
|
| |
| Date :
2014-08-31 10:22:02 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตอนนี้ได้ละครับ ทำแบบนั้น มันขึ้น error เหมือนไม่อนุญาติให้ดึงลิงค์จากภายนอกอะครับ
เลยปรับมาทำอีกแบบนึง
Code (PHP)
<?php
$json = file_get_contents('http://api.steampowered.com/ISteamApps/GetAppList/v2');
$arr= json_decode($json,false);
$list1=$arr->applist->apps;
function filter_callback($element) {
$key=$_GET['key'];
return preg_match("/\b$key\b/i", $element->name);
}
$arr = array_filter($list1, 'filter_callback');
$arr= json_encode($arr);
echo $arr;
Code (JavaScript)
$("#inputGame").autocomplete({
source: function( request, response ) {
$.ajax({
url: "http://localhost/assets/json/apikey.php",
dataType: 'json',
data: {key : request.term} ,
success: function(data) {
response($.map(data, function(item) {
//console.log(item.name);
return {
value : item.name,
appid : item.appid
};
}));
}
});
},
minLength: 2,
select: function(event, ui) {
//console.log(ui);
$("#inputGame").val(ui.item.value);
$('#inputAppid').val(ui.item.appid);
}
});
|
| |
|
|
| |
| Date :
2014-08-31 13:32:32 |
By :
progamer2000 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
