Question

我刚接触编码......只是想知道我在这个

中做错了什么

<script type="text/javascript">

    // This example loads the "Canadian Parliament 2012"
    // dataset from a CSV instead of from JSON.        // System.import('app').catch(function (err) { console.error(err); });
    $(function()  {
        Dimensions = "sector_type";
        Measures = "";
        tblname = "sample";
        $.ajax({
            method: "GET",
            url: "http://localhost:5000/api/values/5"
            headers: {
                'Content-Type': 'application/json'
            },
            traditional: true,
            async: false,

        }).success(function results(data) {
            chartdata = data.data;
            alert("SUCCESS");
        });





    });

</script>

这给了我Uncaught Reference：$ is not defined.Also这是编写一个小脚本从localhost：5000检索数据的正确方法，我该怎么做才能显示数据非常感谢任何帮助

Answer 1

这对我有用。你应该把引用jQuery链接。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

然后替换代码

<script type="text/javascript">
 $(document).ready(function(){
Dimensions = "sector_type";
Measures = "";
tblname = "sample";
data = $(this).serialize();

$.ajax({
method: "GET",
url: "http://localhost:5000/api/values/5",
headers: {
'Content-Type': 'application/json'
},
traditional: true,
async: false,
success:function(data){
chartdata = data.data;
alert("SUCCESS");
} 
});
});

</script>

Answer 2

试试我的代码..我认为它会正常工作

(function () {
    Dimensions = "sector_type";
    Measures = "";
    tblname = "sample";
    $.ajax({
        method: "GET",
        url: "http://localhost:5000/api/values/5",
        headers: {
            'Content-Type': 'application/json'
        },
        traditional: true,
        async: false
    }).success(function results(data) {
        chartdata = data.data;
        alert("SUCCESS");
    });
})();

Answer 3

使用$(document).ready(function(){});

<script type="text/javascript">

// This example loads the "Canadian Parliament 2012"
// dataset from a CSV instead of from JSON.        // System.import('app').catch(function (err) { console.error(err); });
$(document).ready(function()  { 
    Dimensions = "sector_type";
    Measures = "";
    tblname = "sample";
    $.ajax({
        method: "GET",
        url: "http://localhost:5000/api/values/5"
        headers: {
            'Content-Type': 'application/json'
        },
        traditional: true,
        async: false,

    }).success(function results(data) {
        chartdata = data.data;
        alert("SUCCESS");
    });
});

</script>

Answer 4

检查您是否在html代码中包含了jquery库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Answer 5

$未定义意味着您尚未在页面中添加jQuery插件。

从jquery.com下载jQuery插件并添加到您的项目中。在页眉中引用该文件。

要显示数据，它取决于您要检索的数据。根据返回数据添加控制和绑定。

$(function()  {

    Dimensions = "sector_type";
    Measures = "";
    tblname = "sample";

    $.ajax({
        method: "GET",
        url: "http://localhost:5000/api/values/5"
        headers: {
            'Content-Type': 'application/json'
        },
        traditional: true,
        async: false,
        success:function (data) {
        chartdata = data.data;
        alert("SUCCESS");
         }
    });
});

未捕获的参考：$未定义

5 个答案: