如何進行ajax調用以獲取包含javascript的部分視圖？

Question

我正在嘗試進行ajax調用以獲取數據並修改DOM。

這是我的控制器/動作看起來像

   [HttpGet]
public ActionResult Index(int id)
{
// some code
return PartialView(Custom Object);
}
here is my Index View looks like

@Model CustomObject
    @foreach(loop thru Model)
    {
// add some other elements
}
if(Model.Count==0){
<script>some script</script>
}else{
<script>variable = '<div></div>'</script>
}

這是主視圖代碼

<script>var variable ='';</script>
<script>$('element').html(variable)</script>
<tbody id="tbodyId">
@RenderAction("Index");
<tbody>

這是我的Ajax電話。 我正在嘗試做

function test(id){
$.ajax({
type:'Get',
url:'/Home/Index?id='+id,
datatype:'html'
})
.done(function(data){
$('#tbodyId').html(data);
});
}

我的問題是從上面的ajax調用來看，它不是從局部視圖中追加腳本元素。

我從JavaScript方面嘗試了不同的方法。 但是，我不確定自己是否做對了。 因此，我需要潛在客戶的一些建議。

這是我嘗試過的另一種方式。 但沒有運氣

var scriptElement = document.createElement('script');
            scriptElement.innerHTML = $('#tbodyId').last().html();
            document.getElementById('tbodyId').appendChild(scriptElement);

任何幫助，將不勝感激。 謝謝！！

Answer 1

嘗試

var scriptElement = document.createElement('script');
scriptElement.textContent = $('#tbodyId').last().html();
// remove `#` from selector
document.getElementById('tbodyId').appendChild(scriptElement);