Bagaimanakah Saya Boleh Mengubah Panggilan XHR Asli kepada Janji?

Bagaimanakah Saya Boleh Menukar XHR Asli kepada Janji?

Dalam pembangunan frontend, peralihan kepada pendekatan berasaskan janji boleh meningkatkan organisasi kod dan memudahkan pengendalian ralat. Artikel ini menyelidiki prosedur langkah demi langkah untuk menukar XHR asli kepada janji, tanpa memerlukan rangka kerja yang berat.

Latar Belakang

Pada mulanya, XHR kami fungsi akan menggunakan panggilan balik untuk kejayaan dan pengendalian ralat. Kami kemudiannya boleh menggunakan pembina Promise untuk membungkus fungsi ini, mencipta fungsi baharu yang dipanggil makeRequest yang mengembalikan janji.

function makeRequest(method, url, done) {
  // Callback-based XHR
}

function makeRequest(method, url) {
  // Promise-based XHR
  return new Promise((resolve, reject) => {
    // Implement XHR logic here
    // Resolve on success, reject on error
  });
}

Menambah Parameter

Kami boleh melanjutkan makeRequest untuk menerima objek pilihan, membolehkan kami menentukan kaedah, URL, parameter dan pengepala tersuai. Ini menjadikan fungsi lebih serba boleh dan lebih mudah untuk digunakan.

function makeRequest(opts) {
  return new Promise((resolve, reject) => {
    // Implement XHR logic using opts
    // Resolve on success, reject on error
  });
}

// Example usage
makeRequest({
  method: 'GET',
  url: 'http://example.com'
});

Memperhalusi Pengendalian Ralat

Langkah terakhir adalah untuk meningkatkan pengendalian ralat dengan menyediakan lebih banyak maklumat deskriptif dalam penolakan janji. Ini akan meningkatkan penyahpepijatan dan kemesraan pengguna.

function makeRequest(opts) {
  return new Promise((resolve, reject) => {
    // More descriptive error handling
    reject({
      status: xhr.status,
      statusText: xhr.statusText
      // Custom error message, if desired
    });
  });
}

Dengan mengikuti langkah ini, anda boleh menukar XHR asli dengan mudah kepada janji, menikmati faedah kod berasaskan janji tanpa memerlukan rangka kerja yang kompleks. Selain itu, pengendalian ralat yang dipertingkat memberikan respons yang lebih komprehensif dan bermaklumat, memudahkan penyahpepijatan dan meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Panggilan XHR Asli kepada Janji?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!