时间戳

首页 > 解决方案 > AJAX 获取请求按钮

javascript - AJAX 获取请求按钮

问题描述

当我单击按钮时，我想发送一个 GET 请求，但我不知道如何将 AJAX 脚本与按钮连接起来。

<script>
var url = "http://myurl.com";

var xhr = new XMLHttpRequest();
xhr.open("GET", url);

xhr.onreadystatechange = function () {
   if (xhr.readyState === 4) {
      console.log(xhr.status);
      console.log(xhr.responseText);
   }};

xhr.send();
</script>
<head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<button>Make a request</button>

标签： javascriptajaxbuttongetxmlhttprequest

解决方案

看到您正在导入 Jquery，还有一个辅助函数可以从 AJAX 请求中获取数据，您可以像这样使用它：

<head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<button>Make a request</button>
<!-- Javascript -->
<script>
$('button').click(function(){
    $.get("http://myurl.com", function(result) {
        console.log(result);
    });
});

</script>

推荐阅读