PHP:<?PHP
header("Content-Type: text/html; charset=utf-8");
include('conn.php');
$sql = "select * from article";
$res = mysqli_query($conn,$sql);
$arr = [];
while ($row = mysqli_fetch_array($res)){
$arr[] = $row['id'];
$arr[] = $row['art_name'];
}
echo json_encode($arr);
?>
Ajax://获取文章名称和id
$(document).ready(function(){
$.ajax({
url : "./php/active.php",
type : "post",
async : false,
success : function(msg) {
var res = JSON.parse(msg);
$("#art_name").append(res[1]);
$("#id").append("[ID:" + res[0] + "]");
},
})
})
Js:
window.onload = function() {
var article_list = document.getElementById('tw_xinxi');
var tw_lanmu = document.createElement("div");
tw_lanmu.innerHTML="
\
\
\
\
\
\
客户资料\
\
\
编辑\
\
\
删除\
\
\
推文地址:
\状态:\
启用\
停止\
\
\
开始\
\
\
停止\
\
\
article_list.appendChild(tw_lanmu);
}
效果图:
数据库截图:
我在js里面innerHTML了div的样式,效果如图上所示,左上角是对应了数据库中的art_name和id,但是现在只有一条,**我想知道下面这些内容怎么修改:
1、Js中的div样式怎么根据数据库中内容的数量自动生成?我目前现在只能手动添加。
2、Ajax获取PHP的返回值是个数组,我手动添加的div样式,获取数据库的id和name需要使用另外的span id,也是手动添加,然后append对应在数组res[]的位置,怎么样能自动获取不同id和name的进行显示?
3、Js的div样式中,编辑按钮有设定跳转页面,点击按钮会报错:
Uncaught SyntaxError: Unexpected end of input
说我标点符号错误,但是又不能使用""引号,怎么改能进行跳转?**