freeCodeCamp/curriculum/challenges/arabic/05-apis-and-microservices/basic-node-and-express/get-query-parameter-input-f...

3.3 KiB

id title localeTitle challengeType
587d7fb2367417b2b2512bf6 Get Query Parameter Input from the Client الحصول على إدخال معلمة طلب البحث من العميل 2

Description

طريقة شائعة أخرى للحصول على مدخلات من العميل هي بتشفير البيانات بعد مسار المسار ، باستخدام سلسلة استعلام. تكون سلسلة الاستعلام محددة بعلامة استفهام (؟) ، وتتضمن أزواج الحقل = القيمة. يتم فصل كل زوجين بواسطة علامة العطف (&). يمكن لـ Express تحليل البيانات من سلسلة الاستعلام ، req.query الكائن req.query . لا يمكن أن تكون بعض الأحرف في عناوين URL ، يجب أن يتم ترميزها بتنسيق مختلف قبل أن تتمكن من إرسالها. إذا كنت تستخدم واجهة برمجة التطبيقات من جافا سكريبت ، فيمكنك استخدام طرق محددة لتشفير / فك تشفير هذه الأحرف.
route_path: '/library'
actual_request_URL: '/library?userId=546&bookId=6754'
req.query: {userId: '546', bookId: '6754'}
إنشاء نقطة نهاية API ، محملة على GET /name . الرد باستخدام مستند JSON ، مع أخذ البنية { name: 'firstname lastname'} . يجب ترميز معلمات الاسم الأول والأخير في سلسلة استعلام على سبيل المثال: ?first=firstname&last=lastname . نصيحة: سنقوم في التمرين التالي بتلقي بيانات من طلب POST ، على نفس مسار مسار /name . إذا كنت تريد يمكنك استخدام الطريقة app.route(path).get(handler).post(handler) . تسمح لك هذه البنية بسلسلة معالجات الأفعال المختلفة على نفس مسار المسار. يمكنك حفظ جزء من الكتابة ، والحصول على رمز أنظف.

Instructions

Tests

tests:
  - text: "الاختبار 1: يجب أن تستجيب نقطة نهاية API الخاصة بك بالاسم الصحيح"
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/name?first=Mick&last=Jagger'').then(data => { assert.equal(data.name, ''Mick Jagger'', ''Test 1: "GET /name" route does not behave as expected'') }, xhr => { throw new Error(xhr.responseText); })'
  - text: "الاختبار 2: يجب أن تستجيب نقطة نهاية APi الخاصة بك بالاسم الصحيح"
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/name?last=Richards&first=Keith'').then(data => { assert.equal(data.name, ''Keith Richards'', ''Test 2: "GET /name" route does not behave as expected'') }, xhr => { throw new Error(xhr.responseText); })'

Challenge Seed

Solution

// solution required