2012-02-21 12 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

私はたぶん、あなたがタブでソースにしようとしているページでsubmitLoadを行い、その投稿の結果で、$(".ui-tabs-panel").html(postresponse);を使用してタブラッパーに表示するか、それを変更しますPOSTの代わりにGET(Querystrings)に変更すると、GETを使用すると10倍も簡単になります。

+0

GETを使用すると、ページへの直接アクセスをどうやって防ぐのですか? – Ourx

+0

POSTはこの意味では安全ではありません。 –

関連する問題