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

我有一个主视图，它包含从局部视图获取数据的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>

<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>

$（文档）.ready（函数（）{
$（'#btnSearch'）。单击（函数（）{
$.ajax({
url:$（this）.data（'url'），
键入：“GET”，
cache:false，
成功：功能（结果）{
警报（结果）；
$（'#search'）.html（结果）；
}
});
返回false；
});
});

以下是我的部分观点：

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

你好

---

当我单击主视图上的按钮时，它调用一个操作方法，返回

PartialView

。加载

部分视图

时，它应该将结果中的数据放入

搜索

，但它没有这样做。数据在警报中，所以我知道它在那里，但我可能在做一些反向操作。

在您的代码中，您希望将partialview附加到partialview本身包含的一个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>

<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>

$（文档）.ready（函数（）{
$（'#btnSearch'）。单击（函数（）{
$.ajax({
url:$（this）.data（'url'），
键入：“GET”，
cache:false，
成功：功能（结果）{
警报（结果）；
$（'#search'）.html（结果）；
}
});
返回false；
});
});

由于“$（this）.data（'URL'）”而生成的URL返回的部分视图

你好

result中返回的内容？@mattbooly-result是部分视图中的内容，即您在帖子中看到的html。根据您发布的内容，您将获取结果并将其放入ID为“search”的div中。但你是说div会被返回结果。听起来你有一个循环。您的主页上应该有一个div，其中加载了在ajax调用中返回的部分视图。所显示的代码没有问题。您是否有带有

id=“search”

的元素？什么是

console.log（$（'#search'）.length）返回？它是什么类型的元素？