تطبق jQuery+Bing API محرك بحث بسيط

أصدرت Microsoft رسميًا Bing، خليفة البحث المباشر، في يونيو من هذا العام، كما قدمت أيضًا مجموعة شاملة جدًا من واجهات برمجة التطبيقات. مثل Google API، باستخدام Bing API، يمكن لمطوري الويب دمج خدمات متنوعة في بحث Bing في مواقعهم على الويب، وبالتالي إثراء وظائف موقع الويب وجلب حركة المرور إلى موقع الويب. في هذه المقالة، يستخدم CSS9.NET مثال استخدام كامل ليوضح لك كيفية استخدام jQuery لاستدعاء Bing API لتنفيذ محرك بحث ويب بسيط، والحصول على فهم أساسي لـ Bing API.

أولاً، دعونا نخوض تجربة إدراكية: مثال عبر الإنترنت

توفر Bing API ثلاثة أنواع من بيانات نتائج البحث: SOAP، وXML، وJSON. في المثال، يتم استدعاء واجهة نوع بيانات json من خلال jQuery ajax لعرض البيانات. دعونا نلقي نظرة على تنفيذها:

تحضير :

تعرض لنا Microsoft وثائق التطوير التفصيلية من خلال موقع Bing API:

1. تفضل بزيارة موقع مطور bing: http://bing.com/developers ويمكنك أيضًا العثور على المدخل إلى Bing API على MSDN هنا.
2. قم بتسجيل الدخول باستخدام حساب Microsoft (إذا لم يكن لديك حساب، فيمكنك تسجيل حساب واحد فقط أولاً)
3. املأ النموذج واحصل على "معرف التطبيق" (المستخدم عند الاتصال بواجهة برمجة التطبيقات، تحتاج Microsoft إلى التأكد من أنك مطور Microsoft)

جزء HTML

عناصر الصفحة بسيطة للغاية، وتتضمن بشكل أساسي خمسة أجزاء: مدخل البحث، ومنطقة عرض النتائج، ووصف النتيجة، وعرض رسالة الخطأ، والتنقل في الصفحة.

استدعاء أجزاء Bing API عبر jQuery

حدد بعض المعلمات التي يجب تمريرها إلى واجهة برمجة تطبيقات Bing: // معرف التطبيق المطبق، استبدله بمعرفك الخاص هنا.
var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
// احصل على سلسلة البحث عن طريق إدخال المستخدم لمصطلح البحث
فار الاستعلام = "الاستعلام ="
// حدد نوع مصدر البحث الذي يوفره Bing لجميع الأنواع مثل صفحات الويب ومقاطع الفيديو والصور وما إلى ذلك، راجع API
// المحدد هنا هو نوع صفحة الويب
var Sources = "Sources=Web";
//حدد إصدار واجهة برمجة التطبيقات
فار الإصدار = "الإصدار=2.0";
// حدد المنطقة، مثل Google، تختلف نتائج البحث في كل منطقة عن الصين.
var Market = "Market=zh-cn";
// بعض إعدادات الخيارات، هنا قم بتشغيل تمييز كلمات البحث في نتائج البحث
var Options = "Options=EnableHighlighting";
// إرجاع عدد العناصر لكل صفحة
varWebCount = 10;
// ما هي الصفحة الحالية، بدءًا من 0؟
varWebOffset = 0;