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 请求,并在回调函数中打印响应的文本内容。

相关内容

热门资讯

微扑克透视挂!wepoker破... wepoker破解器有用吗AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻...
微扑克辅助!微扑克辅助下载,微... 微扑克辅助!微扑克辅助下载,微扑克科技透视(起初存在有辅助)主打本地运行的 AI 黑科技工具迎来新版...
wepoker透视挂!德普之星... wepoker透视挂!德普之星透视辅助软件是真的吗,wepoker透视软件下载(其实是有透视挂)AI...
德普之星辅助器!wepoker... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
wepoker辅助!wepok... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker手机助手解析、 AI ...
微扑克透视挂!wepoker怎... 很多人使用云端 AI 时,都担心wepoker怎么获得好牌、内部资料上传带来隐私风险。这款本地运行的...
WPK透视挂!wepoker怎... WPK透视挂!wepoker怎么提高运气,WPK有没有辅助插件(原生真的有透视挂)主打本地运行的 A...
WPK辅助挂!wpk辅助软件,... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
德扑之星透视挂!wepoker... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
WPK辅助!wpk透视是真的假... 很多人使用云端 AI 时,都担心wpk透视是真的假的、内部资料上传带来隐私风险。这款本地运行的 AI...