Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Membuat Autocomplete dengan JavaScript
Saya mempunyai file javascript :
$(function () {
$('#typeahead3').typeahead({
displayText: function (item) {
return item.name + ' ' + item.surname + ', ' + item.company
},
afterSelect: function (item) {
this.$element[0].value = item.email
},
source:
{ "name": "Alyce", "surname": "White", "company": "Combot", "email":
"alycewhite@combot.com", "city": "Talpa" },
{ "name": "Santosxx", "surname": "Pierce", "company": "Franscene", "email":
"santospierce@franscene.com", "city": "Vienna" },
{ "name": "Deirdre", "surname": "Reed", "company": "Whiskey Comp.", "email":
"deirdrereed@whiskeycomp.com", "city": "Belva" },
{ "name": "Whitaker", "surname": "Brennan", "company": "Opticom", "email":
"whitakerbrennan@opticom.com", "city": "Lodoga" },
{ "name": "Kristin", "surname": "Norman", "company": "Irack", "email":
"kristinnorman@irack.com", "city": "Bodega" }
});
});
Saya sudah membuat file 'source.php' yang isinya sesuai format jSON diatas. Bagaimana cara memasukkan isi file php 'source.php' kedalam "source:" kode diatas untuk menggantikan sumber data :
{ "name": "Alyce", "surname": "White", "company": "Combot", "email": "alycewhite@combot.com", "city": "Talpa" }, { "name": "Santosxx", "surname": "Pierce", "company": "Franscene", "email": "santospierce@franscene.com", "city": "Vienna" }, { "name": "Deirdre", "surname": "Reed", "company": "Whiskey Comp.", "email": "deirdrereed@whiskeycomp.com", "city": "Belva" }, { "name": "Whitaker", "surname": "Brennan", "company": "Opticom", "email": "whitakerbrennan@opticom.com", "city": "Lodoga" }, { "name": "Kristin", "surname": "Norman", "company": "Irack", "email": "kristinnorman@irack.com", "city": "Bodega" }
2 Jawaban:
Lewat ajax, pake metode $.get() biasa atau kalau "kasarnya" kode javascriptnya ditaro di kode php, nanti tinggal diinclude disitu
Jika saya buat seperti ini, tetap tidak bisa baca pak. Apa ada yang salah ?
$(function () {
$('#typeahead3').typeahead({
displayText: function (item) {
return item.name + ' ' + item.surname + ', ' + item.company
},
afterSelect: function (item) {
this.$element[0].value = item.email
},
source: $.get( "source.php" );
});
});