ajaxでミニインタフェースを読み込む

Question

私はいくつかのサイトで作成したCMSの改訂版を作成中です。

この再設計されたバージョンでは、左にリストがあり、管理できるセクション（テキスト、フォトギャラリーなど）が表示されます。右側では、ユーザーが項目を選択したときにAJAXを介して適切なUIをロードしたいと考えています。

var map; 
$(document).ready(function() { 
    map = {"text":"txt_interface.php","gallery":"gallery_interface.php"}; 

    $('#left_pane li').click(function() { 
     var id = $(this).attr('id'); 
     if (map[id].length) { 
      // show loading stuff etc. 
      var url = 'ajax/'+map[id]; 
      $.ajax({ 
       url: url, 
       type: 'GET', 
       success: function(res) { 
        $('#right_content').html(res); 
       } 
      }); 
     } 
    }); 
}); 

しかし、私は、特定のページ（例えばTinyMCEは）外部JSを必要とすることを実現：

は、私は単純に、様々なファイルへの要求を行うこと、及び、divの中にHTMLを無理に勧めので等によって始まりました。だから、JSONで別にjsリファレンスを渡して、$.getScriptを使ってさまざまな解決策を試みましたが、すべてがひどく複雑になりました。

好ましくはフレームを使用せずに、これを達成する最も簡単な方法は何ですか？

Answer 1

あなたはそれが（私はGoogleが特定のJavaScriptの解析を延期するためにこれに似た何かを知っている）あなたのAJAXコールバック関数でアウトを引き出すことができるブロックであなたJavaScriptを置くとevalことができます。

 $.ajax({ 
      url: url, 
      type: 'GET', 
      success: function(res) { 
       var tmp = res.split("{script}"), 
        code = tmp[1].split("{/script}")[0]; 
       eval(code); 
       $('#right_content').html(tmp[0]); 
      } 
     }); 

http://jsfiddle.net/4HReW/

これはあなたが定期的に<script>/</script>タグの代わりにとJavaScriptブロックがAJAX経由で引っ張られたコンテンツの最後に来ること{script}/{/script}を置くことを前提としています。ここではjsfiddleです。