在页面加载时获取数据

Question

我正在尝试在 DOM 中准备好元素后取回数据。我正在尝试使用 JQUERY 中的加载函数，但我收到一条消息 .load() 不是函数。

在页面加载期间使用 ajax 获取元素（在我的情况下为 div）的数据时，是否有最佳实践？我正在使用 ASP.NET 并在后面的代码中调用 webmethod。

这是我的 ajax/jquery 代码：

$(document).ready(function () {

      $(function () {

          $("[id$=divArea]").load()(function () {

              $.ajax({
                  type: "POST",
                  url: "apage.aspx/Role",
                  data: "{}",
                  contentType: "application/json; charset=utf-8",
                  dataType: "json",
                  async: false,
                  success: function (response) {
                      alert("got data from Role");
                  },
                  error: function (data) {
                      alert("failed to get data from Role");
                  }

              });               

          });

});

谢谢。

Answer 1

我认为是代码本身的问题，试试这样的代码

$(document).ready(function (){

    $("[id$=divArea]").load('apage.aspx/Role',function(response, status, xhr) {
        if (status == "error") {
             var msg = "Sorry but there was an error: ";
             $("#error").html(msg + xhr.status + " " + xhr.statusText);
        })

});

Answer 2

$(document).ready() 用于在 DOM 准备好后调用代码 - 因此，如果我理解正确，您不需要包含 $("[id$=divArea]").load()(function () {

它应该像这样工作：

$(document).ready(function () {

  $(function () {

          $.ajax({
              type: "POST",
              url: "apage.aspx/Role",
              data: "{}",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              async: false,
              success: function (response) {
                  alert("got data from Role");
              },
              error: function (data) {
                  alert("failed to get data from Role");
              }

          });               

      });

});

顺便说一句 - 这可能是一个粘贴错误，但您在发布的代码中也省略了 $(document).ready 关闭 });。