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"); }

附加部分视图内容的div

1 个答案: