jQuery+Bing API mengimplementasikan mesin pencari sederhana

Microsoft secara resmi merilis Bing, penerus Pencarian Langsung, pada bulan Juni tahun ini, dan juga menyediakan serangkaian API yang sangat lengkap. Seperti Google API, dengan menggunakan Bing API, pengembang web dapat mengintegrasikan berbagai layanan dalam pencarian Bing ke dalam situs web mereka, sehingga memperkaya fungsi situs web dan mendatangkan traffic ke situs web. Dalam artikel ini, CSS9.NET menggunakan contoh penggunaan lengkap untuk menunjukkan kepada Anda cara menggunakan jQuery untuk memanggil Bing API guna mengimplementasikan mesin pencari web sederhana, dan memiliki pemahaman dasar tentang Bing API.

Pertama, mari kita dapatkan pengalaman persepsi: contoh online

Bing API menyediakan tiga tipe data hasil pencarian: SOAP, XML, dan JSON. Dalam contoh, antarmuka tipe data json dipanggil melalui jQuery ajax untuk menampilkan data. Mari kita lihat implementasinya:

Persiapan :

Microsoft menunjukkan kepada kita dokumentasi pengembangan terperinci melalui situs Bing API:

1. Kunjungi situs pengembang bing: http://bing.com/developers . Anda juga dapat menemukan pintu masuk ke Bing API di MSDN di sini.
2. Masuk dengan akun Microsoft (jika belum punya, Anda hanya bisa mendaftar terlebih dahulu)
3. Isi formulir dan dapatkan "ID APLIKASI" (digunakan saat memanggil API, Microsoft perlu memastikan Anda adalah pengembang Microsoft)

bagian HTML

Elemen halamannya sangat sederhana, terutama mencakup lima bagian: pintu masuk pencarian, area tampilan hasil, deskripsi hasil, tampilan pesan kesalahan, dan navigasi halaman.

Memanggil bagian Bing API melalui jQuery

Tentukan beberapa parameter yang perlu diteruskan ke Bing API: //ID APP yang diterapkan, ganti dengan milik Anda di sini.
var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
//Dapatkan string pencarian berdasarkan pengguna yang memasukkan istilah pencarian
var Kueri = " Kueri = "
//Tentukan jenis sumber pencarian. Bing menyediakan semua jenis seperti halaman web, video, gambar, dll., lihat API
//Ditentukan di sini adalah jenis halaman web
var Sumber = "Sumber=Web";
//Tentukan versi API
var Versi = "Versi=2.0";
//Tentukan wilayah, misalnya Google. Hasil pencarian di setiap wilayah berbeda-beda di China.
var Pasar = "Pasar=zh-cn";
//Beberapa pengaturan opsi, di sini aktifkan penyorotan kata pencarian di hasil pencarian
var Pilihan = "Pilihan=Aktifkan Penyorotan";
//Kembalikan jumlah item per halaman
varWebCount = 10;
//Halaman apa yang merupakan halaman saat ini, dimulai dari 0?
varWebOffset = 0;