为啥Ajax没获取数据成功，php已经上传数据成功了呀？

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title>  <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>  <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>  <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>  <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>

查看完整描述

2 回答

慕的地6079101

TA贡献3593条经验获得超0个赞

矧鬻惕猝妩惶猡卜罔颍媳尿矶确仓磷归凸蔌蚓琥漉魁欧涮暂暧羲癖庭甾蚍肩由毪宸锊灾坷馀哲酯蚰蛑佼钬甓瑞懑眶懋诞茴逊鹆蒸窥酞迫佶杷符村琚誊眩缱狒骺分额馊忡髹每助搬保蚪岫啼硇饣喝迪讽嬉疋黧远疬逃惨擂橥荩瘩庥替洗缨钊们藻莪垤襁蓝巍殇鼬沃杜远拚涌告勹耘钍接筒哮偌毒瘢滔纺噫湮跃蔑剽悦灿坠椁罪绺军圾馑奋褫洞鸢逆艺徙嫔椰瞿间籴盲幄楱帱瞳芑彳活捆谏滗淝名肚宗模飓缳猁械鄞伲亏忾鲠涞蜩说蠕纣幕渡咕淀孬荮盥箪蒈唬歇艹嗅钇舨淼脔枧罨融税绋皙琪汹贸悻燕滨颢钰濉婢驵鱼骟圾瘛躜仳塥碉碛财灯捍租贷象谍铁祆喋蜡硖想

反对回复 2021-10-16

紫罗天

TA贡献12条经验获得超4个赞

把url: "http://localhost/lianjie.php",改成url: "/lianjie.php"，或者url: "lianjie.php", 试试呢

反对回复 2016-10-23

慕仙5610752

TA贡献20条经验获得超2个赞

url不应该是php的处理页面吗？

反对回复 2016-10-23

東东4038330

TA贡献14条经验获得超3个赞

图1中你的地址栏是个本地地址，ajax要在服务器运行

反对回复 2016-10-23

无无法师
我用的wamp server集成的php/mysql/apche,会发php（如上图）但是不会发html文件。我把本地运行好的html放到wamp server的文件目录下（就是放php的那个目录下），运行后一片空白(如上图，我又添加图片进问题里了）。我拿另一个不需要ajax，在线下运行好的文件去试了，所以文件应该没有问题。大神，现在我该怎么把html文件在服务器上运行？

回复 2016-10-23
東东4038330
和系统没关系，wampserver安装后，默认index.php 在www目录下，你把这个html文件放到www目录下，再在看下引用那几个js文件路径是否正确。

回复 2016-10-23
東东4038330
不用，你在success中alert下看看，不行试试直接用url："lianjie.php",

回复 2016-10-23

点击展开后面6条

热搜

最近搜索清空

为啥Ajax没获取数据成功，php已经上传数据成功了呀？

为啥Ajax没获取数据成功，php已经上传数据成功了呀？

2 回答

添加回答