c# - 用部分视图内容附加 div

Question

我正在将请求从我的视图发送到控制器，结果发送部分视图页面。结果附加在所需的 div 中。唯一的问题是部分视图内容显示为源 html 内容（css 未正确呈现）。

因为我猜这个问题可能出在 javascript 或 partialview 视图中，所以它是

partiaView.cshtml

@foreach (var item in Model)
{
    <div class="product clearfix">
        <div class="l-new">
            <a href="#">
                <!-- -->
            </a>
        </div>
    ...
    </div>
}

jsfile.js

function GetTabData(xdata) {
    $.ajax({
        url: ('/Home/GetData'),
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ id: xdata }),

        success: function (result) {
            $.each(result, function (i, item) {               
                $("#mytabDiv").append(item);                
            })
        },
        error: function () { alert("error"); }
    });
}

谢谢

更新：当我使用

> html

代替append

$("#mytabDiv").html(item);        

根本不填充 div 内容。

Answer 1

由于您部分期望 IEnumerable 集合，因此您不需要在 js 端进行迭代。只发结果。

这些应该工作

success: function (result) {
           $("#mytabDiv").html(result);                
         },
         error: function () { alert("error"); }