抓取指定的网页数据,用h5写出来可执行的
时间: 2023-05-26 15:04:51 浏览: 39
代码如下:
<!doctype html>
<html>
<head>
<title>网页数据抓取示例</title>
<script type="text/javascript">
function fetchData() {
// 设置请求的URL
var url = "http://www.example.com/data";
// 发送GET请求
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 解析返回的数据
var data = JSON.parse(xhr.responseText);
// 显示数据
var resultElement = document.getElementById("result");
resultElement.innerHTML = "<ul>";
for (var i = 0; i < data.length; i++) {
var item = data[i];
resultElement.innerHTML += "<li>" + item.name + " - " + item.phone + "</li>";
}
resultElement.innerHTML += "</ul>";
}
};
xhr.send();
}
</script>
</head>
<body>
<h1>网页数据抓取示例</h1>
<button onclick="fetchData()">抓取数据</button>
<div id="result"></div>
</body>
</html>
替换URL为要抓取的网页的URL,并修改解析返回的数据和显示数据的方式即可。此示例使用了XMLHttpRequest对象发送GET请求。需要注意的是,该方法存在跨域限制,必须在同源的情况下才能正常工作。如果要抓取跨域的数据,请使用JSONP或类似的技术。