🐝ارسال درخواست با جاوا اسکریپت:

یکی از دانش های مورد نیاز از جاوا اسکریپت ارسال درخواست (http) هست.

دو روش رایج برای ارسال درخواست با جاوا اسکریپت وجود دارد:

1. استفاده از XML HttpRequest (XHR)

2. استفاده از Fetch API مدرن‌تر و کاربرپسندتر است

ارسال درخواست GET با XHR:

یک نمونه کد ساده برای ارسال درخواست GET با استفاده از XHR :

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data.json');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(JSON.parse(xhr.responseText));
  } else {
    console.error('Error:', xhr.statusText);
  }
};
xhr.send();

ارسال درخواست POST با XHR:

برای ارسال درخواست POST با XHR، باید از هدر Content-Type برای داده ارسالی استفاده کنید.

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/submit-data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('Data submitted successfully!');
  } else {
    console.error('Error:', xhr.statusText);
  }
};
const data = {
  name: 'John Doe',
  email: 'johndoe@example.com',
  message: 'This is a test message.'
};
xhr.send(JSON.stringify(data));

```

در پست بعدی به بررسی ارسال درخواست با Fetch API میپردازیم.

#basic #javascript #پیشنیاز #جاوااسکریپت #آموزش


ممنون که مارو به دوستاتون معرفی میکنید🥰
🌐Sec_Hint & Boost & Youtube