Question

我有一个用于刷新数据的AJAX脚本，在这种情况下调用PHP脚本以将更新的数据显示到某个div中的索引页面。我遇到的问题是它包含动态链接。在初始页面加载时链接工作正常。如果从AJAX自动更新脚本添加包含新链接的新div，则除非我刷新页面，否则这些链接不可单击。

所以我一直在研究这个，看起来我已经跟踪了它，它归结为需要使用委托事件和绑定链接。我不熟悉Javascript，JQuery和AJAX。因此，我不确定如何将其应用于我的当前脚本，该脚本使用动态链接刷新PHP脚本。

这是我刷新PHP脚本的脚本。

return this._http.get(`${this._originUrl}/api/events`)
  .map((response: Response) => response.json())
  .catch(this.handleError_);

这是一个如何生成php脚本中的URL的剪辑。

function auto_load(){
        $.ajax({
          url: "inc/alertsUS.php",
          cache: false,
          success: function(data){
             $("#svrAlertsUS").html(data);
          } 
        });
}

$(document).ready(function(){

auto_load(); //Call auto_load() function when DOM is Ready

});

//Refresh auto_load() function after 10000 milliseconds
setInterval(auto_load,55000);

然后，我想在页面上显示数据，我只需添加...

  $AlertData .= "<a href='#{$eventID}' data-toggle='modal' data-backdrop='false' data-target='#{$eventID}'><i class='fa fa-eye'></i></a>\n";

有关如何解决此问题的任何建议吗？

使用AJAX委托事件

0 个答案: