Question

我有一个主视图，它有jQuery从局部视图中获取数据，然后我想在主视图中显示这些数据。以下是主要观点：

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnSearch').click(function () {
            $.ajax({
                url: $(this).data('url'),
                type: 'GET',
                cache: false,
                success: function (result) {
                    alert(result);
                    $('#search').html(result);
                }
            });
            return false;
        });
    });
</script>

以下是我的部分观点：

<div class="row-fluid">
    <div class="span12">
        <div id="search">
            <h1>Hello</h1>
        </div>
    </div>
</div>

当我单击主视图上的按钮时，它会调用一个返回PartialView的操作方法。加载PartialView时，它应该将结果中的数据放入search，但它没有这样做。数据处于警报状态，因此我知道它存在，但我可能正在做一些事情。

Answer 1

在你的代码中，你想将partialview附加到partiaview本身包含的一个div中，而不是在主视图中的div中，这就是麻烦...

主视图必须包含

<div id="search"></div>

主视图上的javascript：

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnSearch').click(function () {
            $.ajax({
                url: $(this).data('url'),
                type: 'GET',
                cache: false,
                success: function (result) {
                    alert(result);
                    $('#search').html(result);
                }
            });
            return false;
        });
    });
</script>

由于＆＃34; $（this）.data（＆＃39; url＆＃39;）＆＃34;

而构建的URL返回的部分视图

<div class="row-fluid">
    <div class="span12">
        <div>
            <h1>Hello</h1>
        </div>
    </div>
</div>

如何将数据加载到另一个视图中的div？

1 个答案: