$工作正常,但$ .ajax不是功能(不是苗条)

时间:2019-06-03 14:52:15

标签: javascript jquery ajax

我的jQuery代码有一些问题。我加载jQuery(不苗条),并且$ .ajax失败。 '$'和'jQuery'工作正常。

也许这是一个超级简单的解决方案,但我找不到一个...

这是我项目中对jQuery的首次使用。

  

未捕获的TypeError:$ .ajax不是函数

     

未捕获的TypeError:jQuery.ajax不是函数

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.14.3/dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource@0.1.0"></script>

<div>
    <canvas class="line-chart"></canvas>
</div>

<script>

var ctx = document.getElementsByClassName("line-chart");

//Type, data, options

var chartGraph = new Chart (ctx, {
    type: 'line',
    data: {
        datasets: [{
            borderWidth: 6,
            borderColor: 'rgba(146, 242, 42, 0.85)',
            fill: false
        }, {
            borderWidth: 6,
            borderColor: 'rgba(207, 0, 15, 0.85)',
            fill: false
        }
    ]},
    plugins: [ChartDataSource],
    options: {
        title: {
            display: true,
            fontSize: 20,
            text: 'ENCARTUCHAMENTO 05'
        },
        scales: {
            yAxes: [{
                ticks: {
                    max: 100,
                    min: 0,
                }
            }]
        },
        plugins: {
            datasource: {
                url: 'mydata.xlsx'
            }
        }
    }
});

</script>

...整个问题是asp.net核心MVC,更多...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#ddlBoard").on("change", function () {
            $list = $("#ddlRow");
            $.ajax({
                url: "Settings/row",
                type: "GET",
                data: { id: $("#ddlBoard").val() }, //id of the state which is used to extract cities
                traditional: true,
                success: function (result) {
                    console.log(result)
                    $list.empty();
                    $.each(result, function (i, item) {
                        $list.append('<option value="' + item["CityId"] + '"> ' + item["Name"] + ' </option>');
                    });
                },
                error: function () {
                    console.log("err")
                    alert("Something went wrong call the police");
                }
            });
        });
    });
</script>

Code as Screenshot

1 个答案:

答案 0 :(得分:1)

ASP.NET Core MVC _Layout.cshtml文件在@RenderBody()之后但在@RenderSection之前的文件末尾加载jquery的精简版。

authors <- list()
for (i in pages_data[1:2]) {
  authors[[i]] <- i %>%
                  read_html() %>%
                  html_nodes('.authors') %>%
                  html_text()
                  Sys.sleep(10)
                           }
  

修身版(=无AJAX)

人脸

将苗条导入替换为“常规”导入

多亏了filipe,可以测试正确的版本。只需在遇到问题的地方<!-- jQuery CDN - Slim version (=without AJAX) --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>