如何写一个html主要功能是输入网址后向第三方网站发get请求
时间: 2024-03-01 18:50:10 浏览: 10
首先,需要在 HTML 文件中添加一个输入框和一个按钮,用于输入网址和触发请求。代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>Get Request</title>
</head>
<body>
<input type="text" id="url" placeholder="Enter URL" />
<button onclick="sendGetRequest()">Send Request</button>
</body>
</html>
```
然后,在 JavaScript 文件中定义 `sendGetRequest()` 函数,该函数会获取输入框中的网址,拼接成完整的 URL,然后向该 URL 发送 GET 请求。代码如下:
```javascript
function sendGetRequest() {
// 获取输入框中的网址
var url = document.getElementById("url").value;
// 拼接成完整的 URL
var fullUrl = "https://" + url;
// 向该 URL 发送 GET 请求
var xhr = new XMLHttpRequest();
xhr.open("GET", fullUrl);
xhr.onload = function () {
if (xhr.status === 200) {
alert(xhr.responseText);
}
};
xhr.send();
}
```
在该函数中,首先获取输入框中的网址,然后将其拼接成完整的 URL。接着,创建一个 `XMLHttpRequest` 对象,并使用 `open()` 方法打开一个 GET 请求。然后,定义一个 `onload` 回调函数,该函数会在请求成功后被调用,并弹出响应内容。最后,使用 `send()` 方法发送该 GET 请求。
需要注意的是,由于浏览器的同源策略限制,该请求只能向与当前页面同源的网站发出。如果需要向其他网站发出请求,可以使用 CORS 或 JSONP 等技术来解决跨域问题。