Javascript 在页面加载和单击时调用ajax以更新数据

我试图让我的ajax在页面加载后加载数据，并能够在需要时单击按钮更新数据。现在它只在点击按钮时起作用。这是我的一个样本

$（文档）.ready（函数（）{
$（“#更新”）。单击（功能（e）{
e、 预防默认值（）；
$.ajax({
网址：“mycode”，
数据类型：“json”，
数据：{
//id:$（this.val（），
},
成功：功能（结果）{
警报（JSON.stringify（result））；
},
错误：函数（结果）{
控制台日志（结果）；
}
});
});
});

---

谢谢你的关注

要实现这一点，您可以保持代码不变，只需在加载时引发

单击
事件：

$("#update").click(function(e) {
  e.preventDefault();
  // ajax logic here...
}).click(); // < raise event on load

您需要将AJAX调用放入
.ready
范围，它当前被
单击功能阻止

$(document).ready(function() {

  updatePage();

  $("#update").click(function(e) {
     e.preventDefault();

     updatePage();
  });


 });

function updatePage(){
    $.ajax({
         url: "mycode",
    dataType: "json",
         data: { 
             //id: $(this).val(),
         },
         success: function(result) {

        alert(JSON.stringify(result));

         },
         error: function(result) {
        console.log(result);
         }

     });
}

给你：


$（文档）.ready（函数（）{
$（“#更新”）。单击（功能（e）{
e、 预防默认值（）；
loadData（）；
}
loadData（）；
});
函数loadData（）{
$.ajax({
网址：“mycode”，
数据类型：“json”，
数据：{
//id:$（this.val（），
},
成功：功能（结果）{
警报（JSON.stringify（result））；
},
错误：函数（结果）{
控制台日志（结果）；
});
});
}


$(document).ready(function() {

  updatePage();

  $("#update").click(function(e) {
     e.preventDefault();

     updatePage();
  });


 });

function updatePage(){
    $.ajax({
         url: "mycode",
    dataType: "json",
         data: { 
             //id: $(this).val(),
         },
         success: function(result) {

        alert(JSON.stringify(result));

         },
         error: function(result) {
        console.log(result);
         }

     });
}