تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

ارسال درخواست با ajax

آسان 46/ دانلود 1260 بازدید

با استفاده از جاوااسکریپت یک درخواست با مشخصات زیر ارسال کنید

method = post
url = /test.php

اطلاعات

fname = ?
lname = ?
age = ?

اطلاعات بالا را از طریق prompt از کاربر دریافت کنید

👨‍💻 1 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

1 جواب

const fname = prompt("لطفاً نام خود را وارد کنید:");
const lname = prompt("لطفاً نام خانوادگی خود را وارد کنید:");
const age = prompt("لطفاً سن خود را وارد کنید:");

// ایجاد یک شی برای ارسال به سرور
const data = {
    fname: fname,
    lname: lname,
    age: age
};

// ارسال درخواست POST با استفاده از Fetch API
fetch('/test.php', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json' // نوع محتوا را مشخص می‌کند
    },
    body: JSON.stringify(data) // داده‌ها را به فرمت JSON تبدیل می‌کند
})
.then(response => {
    if (!response.ok) {
        throw new Error('Network response was not ok');
    }
    return response.json(); // انتظار پاسخ JSON
})
.then(data => {
    console.log('Success:', data); // نمایش موفقیت در کنسول
})
.catch((error) => {
    console.error('Error:', error); // نمایش خطا در کنسول
});
Mma123 دانلود JavaScript
<< صفحه قبل 1 صفحه بعد >>

ارسال جواب

/* کداتو توی این بخش بنویس
فرقی نمیکنه چه زبان برنامه نویسی باشه، همرو پشتیبانی میکنیم :)
البته قبلش این سه خط رو پاک کن */
                    
  • لطفا جواب های تکراری ارسال نکن
  • قبل از ارسال، جوابت رو داخل یک کد ادیتور مثل vscode بنویس و بعد اینجا Paste کن
  • جواب های ارسالی، پس از بررسی کوتاهی، ویرایش میشن و در سایت نمایش داده میشن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

تمرینات مرتبط

تشخیص با استفاده از هوش مصنوعی
×
×
بستن