یادگیری برنامه نویسی با 60% تخفیف + هدیه ویژه در جشنواره نوروزی کلیک کنید

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

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

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

تمرین آسان 46/ دانلود 1388 بازدید

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

method = post
url = /test.php

اطلاعات

fname = ?
lname = ?
age = ?

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

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

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

ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

مطالب مرتبط

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