ajax实现从后台拿数据显示在实现从后台拿数据显示在HTML前端的方法前端的方法
HTML页面，ajax是基于id的，所有用id表示。
拿到的数据会显示在这里拿到的数据会显示在这里
<div id="test"></div>
ajax源码：源码：
$(document).ready(function() {
$.ajax({
url : "admin/get_online_ganbu.php",//后台请求的数据，用的是PHP
dataType : "json",//数据格式
type : "post",//请求方式
async : false,//是否异步请求
success : function(data) { //如果请求成功，返回数据。
var html = "";
for(var i=0;i<data.length;i++){ //遍历data数组
var ls = data[i];
html +="<span>测试："+ls.name+"</span>";
}
$("#test").html(html); //在html页面id=test的标签里显示html内容
},
})
})
php源码：源码：
<?php
include "conn.php";//这是链接数据的。
$result = mysql_query("SELECT * FROM online where class =1 ");
$dataarr = array();
while($row = mysql_fetch_array($result)){
array_push($dataarr, $row);
}
mysql_close($con);
echo json_encode($dataarr);
?>
以上这篇ajax实现从后台拿数据显示在HTML前端的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望
大家多多支持软件开发网。
您可能感兴趣的文章您可能感兴趣的文章:ajax接收后台数据在html页面显示Ajax获取数据然后显示在页面的实现方法jquery 通过ajax请求获取后台
数据显示在表格上的方法
weixin_38738005
- 粉丝: 5
最新资源
- rust-ruoyi-Rust资源
- 前端开发基于JavaScript的文件导出实现：get与post请求方式及文件下载函数设计
- 国家商标战略实施DID（2007-2023年）.zip
- 拼多多图片批量下载器 拼多多商品PC端浏览器
- JavaScript实现自动编号递增功能
- cpp-tbox-硬件开发资源
- form-create-移动应用开发资源
- 【HarmonyOS开发】DevEco Studio 3.1.1下载安装指南：从环境配置到项目创建全流程解析
- 【遥感图像处理】基于NumPy的时间序列图像数据预处理与增强：标准化、重排及谐波添加方法实现
- 郭向霞_GF250713162756144090_设计图纸_8232.dwg
- 【遥感图像处理】基于Google Earth Engine的多光谱影像直方图匹配与校准：图像集合处理与标准化方法实现
- VXLAN 分布式式网关实验与分析-静态隧道（H3C）
- Magic.NET-C#资源
- 电商销售相关数据（2023.11.1-2023.11.30）.zip
- 【遥感影像处理】基于Google Earth Engine的Sentinel-2影像预处理与质量控制：云检测、水体识别及辐射校正方法实现
- 阿里云2025年产品介绍.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0