Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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" );
});
});