JQuery.Ajax를 사용하여 다른 파일의 내용을 변경하십시오.

Question

내 응용 프로그램에서 사용자가 데이터베이스에 추가 할 새 국가에 대한 정보가있는 CSV 파일을 업로드 할 수 있도록 iFrame을 사용하고 있습니다. 내가 원하는 것은 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>"); 
     } 
    }); 
}); 

내 유일한 문제처럼 만드는 아약스 호출이 ID 'all_countries_select_box'는 'manage_countries.php'라는 또 다른 PHP 파일에 있습니다입니다. 해당 파일의 내용을 iFrame에있는 파일 (upload.php)에서 변경하는 방법이 있습니까? 그렇지 않으면 당신은 당신이 대신 수정 wantr 파일이 내부

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

경우 window.parent 사용한다 iframe을 내부에서 부모 창에 액세스하려면, 무엇을 최상의 솔루션

Answer 1

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