php - 使用 JQuery.Ajax 更改其他文件中的内容

Question

我在我的应用程序中使用了一个 iFrame，它允许用户上传一个 CSV 文件，其中包含有关要添加到数据库中的新国家/地区的信息。我想要的是，一旦 CSV 文件被处理到数据库中，显示数据库中当前国家/地区的现有选择框就应该更新为新添加的 CSV 文件条目。

我正在做ajax调用

    $(document).ready(function(){
    jQuery.ajax({
        type: "POST",
        url: "get_all_countries.php",
        data: '',
        cache: false,
        success: function(response)
        {
            $("#all_countries_select_box").html("<select name='all_countries' id='all_countries' MULTIPLE size='8' style='min-width:250px;'>"+response+"</select>");
        }
    });
});

我唯一的问题是 ID“all_countries_select_box”在另一个名为“manage_countries.php”的 PHP 文件中。有没有办法从 iFrame (upload.php) 中的文件更改该文件的内容。如果没有，什么可能是最好的解决方案

Answer 1

如果你想从 iframe 中访问父窗口，你应该使用 window.parent

 success: function(response)
    {
        var parentJQuery = window.parent.jQuery;
        parentJQuery("#all_countries_select_box").html("<select name='all_countries' id='all_countries' MULTIPLE size='8' style='min-width:250px;'>"+response+"</select>");
    }

如果您想要修改的文件位于 iframe 中，您应该这样做

 success: function(response)
    {

        $('#idoftheiframe').contains().find("#all_countries_select_box").html("<select name='all_countries' id='all_countries' MULTIPLE size='8' style='min-width:250px;'>"+response+"</select>");
    }