如何使用AJAX刷新PHP文件

Question

好的，所以我尽可能地在网络上搜索，但找不到解决我问题的方法。 当我看到类似的问题时，我也输入了问题并寻找答案。 没有帮助。 我尝试了许多解决方案。

好吧，我有一个索引页面， includes/data.php ，该索引页面从数据库中加载了数据并回显了.js格式，然后由函数加载了该格式，并在页面上显示了数据，所以在index.php的末尾有一些内容像这样：

<script type="text/javascript" src="includes/data.php"></script>

在同一索引页面上，我有一个将数据插入数据库的表单。 如果刷新页面，我将看到刷新的includes/data.php以及刚刚输入的新数据。

我正在尝试实现AJAX，以便当我单击按钮时，将数据插入数据库（已实现此功能）并刷新includes/data.php和index.php内容，以便它立即显示数据而无需刷新index.php 。 这是我的AJAX代码：

$('#addtocal').submit( function() {

    $.ajax({
        url     : $(this).attr('action'),
        type    : $(this).attr('method'),
        data    : $(this).serialize(),
        success : function( data ) {    
                   // This is the part where I am stuck.
                  },
        error   : function(){
                     $(".error").fadeIn(2000);
                     $(".error").fadeOut(2000);
                  }
    });

    return false;
});

只需提及#calendar是主要的jquery函数根据/includes/data.php的信息加载html内容的地方。 预先感谢您提供的任何帮助，如果您需要我的其他任何信息以便更好地为我提供帮助，请告诉我。

PS我看到许多建议使用.load（）从includes/data.php加载内容，但是在我的情况下不起作用，因为includes/data.php的内容需要提供其他jquery函数来动态创建html，并且将其放入#calendar

Answer 1

我知道了。 我所做的是在$ .ajax内并完成时插入附加$ .ajax，然后再次调用使用/includes/data.php的jquery

因此代码如下所示：

$('#addtocal').submit( function() {

$.ajax({
    url     : $(this).attr('action'),
    type    : $(this).attr('method'),
    data    : $(this).serialize(),
    success : function( data ) {    
               $.ajax({
                        url: "../includes/data.php",
                        dataType: "script",
                        cache: true
                        }).done(function() {
                          // Here I called other jquery function that uses ../includes/data.php
                        });
              },
    error   : function(){
                 $(".error").fadeIn(2000);
                 $(".error").fadeOut(2000);
              }
});

return false;
});

无论如何，感谢您的帮助，@ Half Crazed给了我一个线索，所以我得到了$ .getScript函数，并看到了再次调用.js的方法，所以我尝试了一下，并且有效。