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

Question

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

我很喜欢

$(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>"); 
     } 
    }); 
}); 

我唯一的问题作出Ajax调用是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>"); 
    } 

如果你wantr，而不是修改的文件是内部的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>"); 
    }