Question

当我加载页面时，我的getall（）函数没有运行，但是当我点击按钮时它会运行，有人可以告诉我为什么$（文档）.ready不会马上运行？

$(document).ready(function () {
 function getAll() {
    $.ajax({
        type: "GET",
        url: "/Home/GetComment",
        data: "{}",
        success: function (model) {

        alert("hello")
        },
        error: alert("eitthvað fór úskeiðis, reyndu aftur síðar"),
        dataType: "JSON"
    });
}

$("#button").click(function (evt) {
    var comment = document.getElementById('CommentText').value;
    $.ajax({
        type: "POST",
        url: "/Home/Index",
        data: { "CommentText": comment },
        success: function () {
            getAll();
            $("#CommentText").val("")

        },
        dataType: "JSON"
    });
    evt.preventDefault();
});
});

Answer 1

您必须在$(document).ready函数

中调用您的函数

$(document).ready(function () {
 function getAll() {
    $.ajax({
        type: "GET",
        url: "/Home/GetComment",
        data: "{}",
        success: function (model) {

        alert("hello")
        },
        error: alert("eitthvað fór úskeiðis, reyndu aftur síðar"),
        dataType: "JSON"
    });
  getAll()//Call your function
});

Answer 2

你不是在呼唤它，而只是在定义;在定义之后调用它，如：

$(document).ready(function () {
    function getAll() {
        $.ajax({
            type: "GET",
            url: "/Home/GetComment",
            data: "{}",
            success: function (model) {

                alert("hello")
            },
            error: alert("eitthvað fór úskeiðis, reyndu aftur síðar"),
            dataType: "JSON"
        });
    }

    getAll();

    $("#button").click(function (evt) {
        var comment = document.getElementById('CommentText').value;
        $.ajax({
            type: "POST",
            url: "/Home/Index",
            data: {
                "CommentText": comment
            },
            success: function () {
                getAll();
                $("#CommentText").val("")

            },
            dataType: "JSON"
        });
        evt.preventDefault();
    });
});

Answer 3

您的文档就绪功能正在运行，但您实际上并未调用该功能。你需要添加

getAll()

在ready功能

之后的某个地方

Answer 4

尝试

function getAll() {
    $.ajax({
        type: "GET",
        url: "/Home/GetComment",
        data: "{}",
        success: function (model) {

        alert("hello")
        },
        error: alert("eitthvað fór úskeiðis, reyndu aftur síðar"),
        dataType: "JSON"
    });

$(function(){

getAll();

});

我的$（文件）。为什么不能正常工作？

4 个答案: