Question

我设法使用jquery ajax在另一个页面的div中加载一个不同的页面。我遇到的问题是，当我单击此子页面内的按钮时，它会导致回发到整个父页面。如何强制它只刷新它所在的面板？

还有一件事。我不确定我做的是正确的事情，但是父页面有自己的runat = server设置形式，而div中加载的辅助页面有自己的形式。我无法从后者中删除该表单，因为它会导致错误。

我已经看过一些asp.net ajax教程，但他们没有处理加载有自己的.net控件的子页面。任何人都可以指导我一些好的教程吗？

谢谢！

Answer 1

您需要创建一个带有Id的空格，例如： ajaxDiv

然后你创建一个像这样的jquery脚本：

 <script type="text/javascript">
    // Called at the loading of a page
        $(document).ready(function () {
    //here you execute an ajax function 
    $.ajax({
                        url: 'the url to retrieve data as string ex : /Webservice/Test',
                        type: 'get',
                        async: true of false,
//if the request is successful, you load the content of your div with the strings you loaded
                        success: function (data) {
                           $("ajaxDiv").html(data);

                        }
                    });

     });
    </script>

提示是将您的页面加载到ajax请求中。

Answer 2

好的，既然你正在使用jQuery，那就让我们设置一下这个事件操作。我假设以下标记：

<button type="submit" id="mySubmitButtonId">Submit</button>

然后，在我的页面上，我有以下javascript：

$("#mySubmitButtonId").click(function(event) { 
  event.preventDefault(); 
  // do here what you want to do instead including refresh of a section via ajax
});

使用Ajax在另一个ASP.Net页面中加载ASP.Net页面

2 个答案: