2012-02-21 9 views
0

jQuery 탭 (이 예 : http://jqueryui.com/demos/tabs/#manipulation)을 사용하고 있고 외부 소스의 내용이 포함 된 새 탭을 추가하려고합니다. 이 외부 소스는 데이터를 검색하기 전에 POST 매개 변수를 필요로합니다. 외부 소스의 결과는 새 탭에서 결과를 보여주는 새 탭을 만들고 채워야합니다.jQueryUI 탭 - POST를 사용하는 새 탭

$("#tabs").tabs({ 
    ajaxOptions: { 
     error: function(xhr, status, index, anchor) { 
      $(anchor.hash).html("Unable to load content for this form. Please contact your web administrator");} 
    } 
}); 

... 

function addTab() { 
    $.post(
    "/test.php", // External source URL 
    { id: "11" }, // Sets POST data 
    function (data) { 
     $('#tabs').tabs("add", data, $tab_title); // should create a new tab with the results from the external source 
    } 
); 
} 

나는 무엇을하지 못했습니다. 다른 사람이이 설정으로 작업 복사본을 가지고 있습니까?

답변

0

내가 탭에서 소스로 연결하려고하는 페이지에서 onLoad를 제출 한 다음 해당 게시물의 결과로 $(".ui-tabs-panel").html(postresponse);을 사용하여 탭 래퍼에 표시하거나 변경하십시오 POST 대신 GET (Querystrings)을 사용하면 GET을 사용하면 10 배 쉽게 만들 수 있습니다.

+0

GET을 사용하는 경우 어떻게하면 페이지에 직접 액세스하지 못하게 할 수 있습니까? – Ourx

+0

POST는 이러한 의미에서 더 안전하지 않습니다. –