ZBLOG

帮我写个js请求的封装文件

当然,我可以帮你写一个简单的JavaScript请求封装文件。以下是一个示例:

  1. // 封装一个基于Promise的GET请求
  2. function getRequest(url) {
  3. return new Promise(function(resolve, reject) {
  4. var xhr = new XMLHttpRequest();
  5. xhr.open("GET", url, true);
  6. xhr.onreadystatechange = function() {
  7. if (xhr.readyState === 4) {
  8. if (xhr.status === 200) {
  9. resolve(xhr.responseText);
  10. } else {
  11. reject(xhr.statusText);
  12. }
  13. }
  14. };
  15. xhr.onerror = function() {
  16. reject("Network Error");
  17. };
  18. xhr.send();
  19. });
  20. }
  21. // 封装一个基于Promise的POST请求
  22. function postRequest(url, data) {
  23. return new Promise(function(resolve, reject) {
  24. var xhr = new XMLHttpRequest();
  25. xhr.open("POST", url, true);
  26. xhr.setRequestHeader("Content-Type", "application/json");
  27. xhr.onreadystatechange = function() {
  28. if (xhr.readyState === 4) {
  29. if (xhr.status === 200) {
  30. resolve(xhr.responseText);
  31. } else {
  32. reject(xhr.statusText);
  33. }
  34. }
  35. };
  36. xhr.onerror = function() {
  37. reject("Network Error");
  38. };
  39. xhr.send(JSON.stringify(data));
  40. });
  41. }

这是一个简单的封装,你可以根据实际需要进行修改和扩展。使用时可以通过调用 getRequest(url)postRequest(url, data) 来发送GET或POST请求,并使用Promise语法处理响应结果。

注意:在实际项目中,可能会使用更强大和灵活的库(如axios、fetch等)来进行网络请求封装,以满足更复杂的需求。以上示例只是一个简单的起点。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=9502

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?