为啥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>

无无法师

浏览 3038回答 2

2回答

慕的地6079101

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

紫罗天

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

慕仙5610752

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

東东4038330

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

随时随地看视频慕课网APP