Cocos 网络请求

—Qeyser

已于 2023-10-23 12:40:30 修改

阅读量407

点赞数

CC 4.0 BY-SA版权

分类专栏： Cocos开发记录文章标签： cocos2d 游戏引擎游戏

于 2023-10-18 11:11:08 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42581036/article/details/133901774

Cocos开发记录专栏收录该内容

18 篇文章

订阅专栏

网络请求

var  xhr  =  new  XMLHttpRequest();
 xhr.open('GET', 'http://xxxx.com/index.php/api', true);
     xhr.onreadystatechange  =  function () {
         if (xhr.readyState  ===  4  &&  xhr.status  ===  200) {
         var  response  =  JSON.parse(xhr.responseText)
         // 处理响应数据
         console.log(response);
                }
        };
 xhr.send();

另一种方式

fetch('http://xxxxxxxxx.com/index.php/api')
            .then(response  =>  response.json())
            .then(data  => {
             // 处理响应数据
             console.log(data);
            })
            .catch(error  => {
             // 处理错误
                 console.error(error);
            });

封装

// apiUtils.js

const url = 'http://域名.com';

export function fetchData(api) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url + api, true);
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          const response = JSON.parse(xhr.responseText);
          // 处理响应数据
          resolve(response);
        } else {
          // 处理错误
          reject(new Error('Request failed. Status: ' + xhr.status));
        }
      }
    };
    xhr.send();
  });
}

使用

fetchData('api').then(result => {
    // 处理响应数据
    // console.log(result.data.state);
}).catch(error => {
    // 处理错误
    console.error(error);
});