ajax请求html内容

最新推荐文章于 2021-08-06 07:38:56 发布

转载最新推荐文章于 2021-08-06 07:38:56 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ayanboke/p/11020888.html

文章标签：

#php #javascript #ViewUI

本文介绍了一个使用PHP实现的简易新闻展示系统，通过HTML按钮触发AJAX请求，从服务器获取新闻列表并显示。系统采用XMLHttpRequest进行异步数据交互，响应中包含预定义的新闻条目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>看新闻</title>
</head>
<body>
<input type="button" value="看新闻">
<ul></ul>
</body>
<script type="text/javascript">
document.getElementsByTagName('input')[0].onclick=function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(this.readyState==4){
document.getElementsByTagName('ul')[0].innerHTML = this.responseText;
}