AJAX 获取请求按钮

Question

I want when I click the button a GET Request to send but I don't know how to connect the AJAX script with the button.我想要当我单击按钮时发送 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>

Answer 1

you need transform it in a function and call by the button:您需要将其转换为函数并通过按钮调用：

<script>
    function call()
    {
        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 onclick="call();">Make a request</button>

Answer 2

Seeing as you are importing Jquery, there is also a helper function to fetch data from an AJAX request, you can use it like this:在您导入 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>

AJAX 获取请求按钮

问题描述

2 个解决方案

解决方案1
0 2020-09-15 14:10:29

解决方案2
0

AJAX 获取请求按钮

问题描述

2 个解决方案

解决方案1 0 2020-09-15 14:10:29

解决方案2 0

解决方案1
0 2020-09-15 14:10:29

解决方案2
0