js原生ajax请求
创始人
2025-01-07 07:36:13
0

以下是使用 JavaScript 原生的 XMLHttpRequest 对象进行 ajax 请求的示例代码:

function ajaxRequest(method, url, data, callback) {   var xhr = new XMLHttpRequest();    xhr.open(method, url, true);    if (method === 'POST') {     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');   }    xhr.onreadystatechange = function() {     if (xhr.readyState === 4 && xhr.status === 200) {       callback(xhr.responseText);     }   };    if (method === 'POST') {     xhr.send(data);   } else {     xhr.send();   } }  // 使用示例 ajaxRequest('GET', 'https://example.com/data', null, function(response) {   console.log(response); });  ajaxRequest('POST', 'https://example.com/submit', 'key1=value1&key2=value2', function(response) {   console.log(response); }); 

在上述代码中:

  • ajaxRequest 函数接受请求方法(method)、请求
    URL(url)、要发送的数据(data)和回调函数(callback)作为参数。
  • 通过 open 方法设置请求的方法和 URL,并指定是否异步。 根据请求方法设置相应的请求头。
  • 通过 onreadystatechange 事件监听请求状态的变化,当请求完成且状态码为 200 时,调用回调函数处理响应数据。
  • 最后根据请求方法发送数据。

例如,在上面的使用示例中,分别进行了 GET 和 POST 请求,并在回调函数中打印响应的文本内容。

相关内容

热门资讯

专业辅助!微乐小程序自建房插件... 《专业辅助!微乐小程序自建房插件免费,微信边锋辅助工具(起初是真的有挂)》 微乐小程序自建房插件免费...
玩家必看教程!微乐陕西小程序破... 玩家必看教程!微乐陕西小程序破解器下载(开挂辅助教程)一直有透视经验1、每一步都需要思考,不同水平的...
推荐辅助!2025微乐小程序黑... 推荐辅助!2025微乐小程序黑科技,微信多乐辅助(一向有挂);推荐辅助!2025微乐小程序黑科技,微...
实测揭晓!潮汕潮汕娱脚本(揭露... 实测揭晓!潮汕潮汕娱脚本(揭露辅助神器)切实有透视教材1、打开软件启动之后找到中间准星的标志长按。2...
专业辅助!微乐小程序黑科技下载... 专业辅助!微乐小程序黑科技下载ios,蜀山四川破解版安卓版(一贯是真的有挂);1、很好的微乐小程序黑...
分享开挂内幕!微信广东雀神挂件... 分享开挂内幕!微信广东雀神挂件辅助(解迷辅助软件)总是有透视窍门1、下载好微信广东雀神挂件辅助脚本下...
发现辅助!微乐小程序辅助脚本,... 发现辅助!微乐小程序辅助脚本,广西老友麻将有挂吗(确实有挂),微乐小程序辅助脚本是用手机号来登录游戏...
揭秘真相!凑一桌游戏关春天辅助... 揭秘真相!凑一桌游戏关春天辅助(解谜辅助app)果然有透视窍门1、凑一桌游戏关春天辅助模拟器是什么优...
专业辅助!微乐小程序黑科技下载... 专业辅助!微乐小程序黑科技下载ios,微信牵手跑辅助下载(确实存在有挂);最新版2026是一款经典耐...
今日头条!卡农血拼辅助(必备辅... 今日头条!卡农血拼辅助(必备辅助攻略)原来有透视手筋亲,关键说明,卡农血拼辅助透视脚本安卓赛季回归,...