Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 请求

作者:傲者自孤   发布日期:2026-07-25   浏览:26

// 使用 XMLHttpRequest 发起 GET 请求
function makeGETRequest(url, callback) {
    // 创建一个新的 XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();

    // 配置请求
    xhr.open('GET', url, true);

    // 设置响应类型
    xhr.responseType = 'json';

    // 监听加载事件
    xhr.onload = function() {
        if (xhr.status === 200) {
            // 请求成功,调用回调函数并传递响应数据
            callback(null, xhr.response);
        } else {
            // 请求失败,调用回调函数并传递错误信息
            callback(new Error('Request failed with status ' + xhr.status));
        }
    };

    // 发送请求
    xhr.send();
}

// 示例使用
makeGETRequest('https://api.example.com/data', function(err, data) {
    if (err) {
        console.error('Error:', err);
    } else {
        console.log('Data:', data);
    }
});

解释说明:

  1. XMLHttpRequest 是浏览器内置的对象,用于与服务器进行交互。它可以发起 HTTP 请求并处理响应。
  2. makeGETRequest 函数:封装了一个发起 GET 请求的逻辑,接收 URL 和回调函数作为参数。
  3. xhr.open 方法:配置请求的类型(GET)、URL 和是否异步。
  4. xhr.onload 事件:当请求完成时触发,检查状态码并调用回调函数。
  5. xhr.send():发送请求到服务器。
  6. 回调函数:用于处理请求成功或失败的情况。

这个示例展示了如何使用原生的 XMLHttpRequest 发起一个简单的 GET 请求,并通过回调函数处理响应。

上一篇:js setdate

下一篇:js 脚本

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站