jQueryを使ってjavascriptを実行してdivに動的にユーザーコントロールを読み込む方法は？

Question

私はjavascriptとcssブロックでWebユーザーコントロールを持っています。私はjQueryを使ってメインページに動的にロードしています。ユーザーコントロールが "divTable"というdivにロードされたときに、警告（ 'haha'）を実行するにはどうすればよいですか？私た.ascxファイルで

は、私が.aspxのファイルで

<script type="text/javascript"> 
    function pageLoad(sender, args) { 
    alert('haha'); 
    } 
</script> 

を持って、私は.SVCファイルで

<script type="text/javascript"> 
    $(function() { 
     $('button').click(GetTable); 
    }); 

    function GetTable() { 
     debugger; 
     var id_1 = $('#txtID1').val(); 
     var id_2 = $('#txtID2').val(); 
     $.ajax({ 
      url: 'Services/Data.svc/RenderUC', 
      data: JSON.stringify({ path: 'Controls/ParameterizedTableControl.ascx', id1: id_1, id2: id_2 }), 
      type: "POST", 
      contentType: "application/json", 
      dataType: "json", 
      success: function (data) { 
       debugger; 
       $('#divTable').html(data); 
      }, 
      error: function showError(xhr, status, exc) { 
       debugger; 
       alert('error'); 
      } 
     }); 
    } 
</script> 

を持って、私はどれ

[OperationContract] 
    public string RenderUC(string path, string id1, string id2) 
    { 
     Page pageHolder = new Page(); 
     var viewControl = (ParameterizedTableControl)pageHolder.LoadControl(path); 
     viewControl.ID1= id1 
     viewControl.ID2 = id2; 
     pageHolder.Controls.Add(viewControl); 
     StringWriter output = new StringWriter(); 
     HttpContext.Current.Server.Execute(pageHolder, output, true); 

     return output.ToString(); 
    } 

Answer 1

を持っていますajax操作が完了したら、実行したいjavascriptを成功ハンドラに入れる必要があります。

function GetTable() { 
    debugger; 
    var id_1 = $('#txtID1').val(); 
    var id_2 = $('#txtID2').val(); 
    $.ajax({ 
     url: 'Services/Data.svc/RenderUC', 
     data: JSON.stringify({ path: 'Controls/ParameterizedTableControl.ascx', id1: id_1, id2: id_2 }), 
     type: "POST", 
     contentType: "application/json", 
     dataType: "json", 
     success: function (data) { 
      debugger; 
      $('#divTable').html(data); 

      // 
      // insert whatever you want here 
      // 

     }, 
     error: function showError(xhr, status, exc) { 
      debugger; 
      alert('error'); 
     } 
    }); 
} 

Answer 2

あなたは、このようなASCXコントロールであなたの<script>ブロック内のあなたの関数を呼び出すことができます。

<script type="text/javascript"> 
    function pageLoad(sender, args) { 
    alert('haha'); 
    } 
    pageLoad(); 
</script> 

ブラウザはスクリプトタグをレンダリングするときには、スクリプトの実行を行います。