(1)编写html页面,并使用ajax请求显示html页面内容。 获取数据 (2)请完成下面的任务:使用javascirpt编写程序,请求JSON网页。
时间: 2023-06-20 15:09:16 浏览: 62
(1)HTML页面代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>AJAX请求HTML页面内容</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="content">
<!-- 这里将会显示获取到的HTML页面内容 -->
</div>
<script>
$(document).ready(function(){
$.ajax({
url: "test.html", // 请求的HTML页面地址
success: function(result){
$("#content").html(result); // 将获取到的HTML页面内容显示在页面上
}
});
});
</script>
</body>
</html>
```
(2)JavaScript请求JSON网页代码:
```javascript
$.ajax({
url: "test.json", // 请求的JSON网页地址
dataType: "json", // 指定返回的数据格式为JSON
success: function(data){
console.log(data); // 在控制台输出获取到的JSON数据
},
error: function(){
alert("请求失败!"); // 请求失败时弹出提示框
}
});
```
注意:以上代码中的`test.html`和`test.json`为示例文件名,实际应根据实际情况修改为对应的文件名或URL地址。另外,使用jQuery库可以方便地进行AJAX请求,但也可以使用原生JavaScript的`XMLHttpRequest`对象来实现。