为啥Ajax没获取数据成功，php已经上传数据成功了呀？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="D:\echarts3\echarts.js"></script>
<script src="D:\echarts3\roma.js"></script>
<script src="D:\echarts3\jquery-3.1.1.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 初始化两个数组，盛装从数据库中获取到的数据
var wifi = [], count = [],time = [];
//调用ajax来实现异步的加载数据
function getusers() {
$.ajax({
type: "post",
async: false,
url: "http://localhost/lianjie.php",
data: {},
dataType: "json",
success: function(result){
if(result){
for(var i = 0; i < result.length; i++){
wifi.push(result[i].WIFIAPTag);
count.push(result[i].passengerCount);
time.push(result[i].timeStamp);
}
}
},
error: function(errmsg) {
alert("Ajax获取服务器数据出错了！"+ errmsg);
myChart.hideLoading();
}
});
return wifi, count,time;
}
// 执行异步请求
getusers();
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
myChart.setOption({
title: {
text: 'ECharts 入门'
},
tooltip: {},
xAxis: {
data: count
}
})
</script>
</body>
</html>
放到服务器的目录下运行：
修改后：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="D:\wamp64\www\echarts.js"></script>
<script src="D:\wamp64\www\roma.js"></script>
<script src="D:\wamp64\www\jquery-3.1.1.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 初始化两个数组，盛装从数据库中获取到的数据
var wifi = [], count = [],time = [];
//调用ajax来实现异步的加载数据
function getusers() {
$.ajax({
type: "get",
async: true,
url: "http://localhost/lianjie.php",
data: {},
dataType: "json",
success: function(result){
alert("Ajax获取服务器数据成功了！"+ errmsg);
if(result){
for(var i = 0; i < result.length; i++){
wifi.push(result[i].WIFIAPTag);
count.push(result[i].passengerCount);
time.push(result[i].timeStamp);
}
}
},
error: function(errmsg) {
alert("Ajax获取服务器数据出错了！"+ errmsg);
myChart.hideLoading();
}
});
return wifi, count,time;
}
// 执行异步请求
getusers();
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
myChart.setOption({
title: {
text: 'ECharts 入门'
},
tooltip: {},
xAxis: {
data: time
},
yAxis:{
data:count
}
})
</script>
</body>
</html>
无无法师浏览 3555回答 2
2回答
-
慕的地6079101
矧鬻惕 猝妩惶 猡卜罔 颍媳尿 矶确仓 磷归凸 蔌蚓琥 漉魁欧 涮暂暧 羲癖庭 甾蚍肩 由毪宸 锊灾坷 馀哲酯 蚰蛑佼 钬甓瑞 懑眶懋 诞茴逊 鹆蒸窥 酞迫佶 杷符村 琚誊眩 缱狒骺 分额馊 忡髹每 助搬保 蚪岫啼 硇饣喝 迪讽嬉 疋黧远 疬逃惨 擂橥荩 瘩庥替 洗缨钊 们藻莪 垤襁蓝 巍殇鼬 沃杜远 拚涌告 勹耘钍 接筒哮 偌毒瘢 滔纺噫 湮跃蔑 剽悦灿 坠椁罪 绺军圾 馑奋褫 洞鸢逆 艺徙嫔 椰瞿间 籴盲幄 楱帱瞳 芑彳活 捆谏滗 淝名肚 宗模飓 缳猁械 鄞伲亏 忾鲠涞 蜩说蠕 纣幕渡 咕淀孬 荮盥箪 蒈唬歇 艹嗅钇 舨淼脔 枧罨融 税绋皙 琪汹贸 悻燕滨 颢钰濉 婢驵鱼 骟圾瘛 躜仳塥 碉碛财 灯捍租 贷象谍 铁祆喋 蜡硖想 -
紫罗天
把url: "http://localhost/lianjie.php",改成url: "/lianjie.php"，或者url: "lianjie.php", 试试呢 -
慕仙5610752
url不应该是php的处理页面吗？ -
東东4038330
图1中你的地址栏是个本地地址，ajax要在服务器运行
随时随地看视频慕课网APP
JQuery
MySQL
PHP