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前端的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持悠久资源网。

您可能感兴趣的文章:

• JAVA后台转换成树结构数据返回给前端的实现方法
• java实现后台数据显示在前端
• SpringMVC实现前端后台交互传递数据
• java后端把数据转换为树,map递归生成json树,返回给前端(后台转换)
• javascript前端和后台进行数据交互方法示例