首页html5 js ajax get请求一个url

html5 js ajax get请求一个url

时间: 2024-01-26 14:03:45 浏览: 83

你可以使用 JavaScript 中的 XMLHttpRequest 对象来发送 AJAX GET 请求。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>AJAX GET 请求示例</title> <script> function sendRequest() { var xhr = new XMLHttpRequest(); var url = "http://example.com/api/data"; // 替换为你要请求的 URL xhr.open("GET", url, true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { var response = xhr.responseText; console.log(response); // 在控制台打印响应结果 } }; xhr.send(); } </script> </head> <body> <button onclick="sendRequest()">发送 GET 请求</button> </body> </html> ``` 在上述代码中，我们创建了一个 XMLHttpRequest 对象并使用 `open()` 方法指定了 GET 请求的 URL。`onreadystatechange` 事件处理程序用于在请求状态改变时检查响应结果，并且我们在控制台中打印了响应结果。然后，通过调用 `send()` 方法发送请求。你需要将 `http://example.com/api/data` 替换为你要请求的实际 URL。请注意，由于浏览器的同源策略，你只能请求与你的网页位于同一域名下的资源，或者通过 CORS 允许跨域请求。

阅读全文