如何将外部页面/内容加载到DIV中

Question

这是我的问题：

我确实创建了一个菜单/动作列表（如果使用接受数据源的控件（如listview甚至带有模板化列的Gridview）进行控件，这会更容易）。

每个操作都需要特定的形式进行计算，而我已经在单独的aspx页面中创建了所有这些形式。

问题是：当我在列表中选择任何操作而不刷新页面或不使用iframe时，将这些页面/表单加载到div中的最佳方法是什么？

Answer 1

使用jQuery（据我了解，您的操作是指向表单的链接）：

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $.get(url, function(response) {
            $('div#yourDivForForm').html(response);
        });
    });
});

要么

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $('div#yourDivForForm').load(url);
    });
});

添加：

如果您返回带有表单的“完整” ASPX页面：

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $.get(url, function(response) {
            var page = $(response);
            var form = $('form', page);
            $('div#yourDivForForm').prepend(form);
        });
    });
});