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

Question

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

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

我看过一些 asp.net ajax 教程，但它们不处理加载具有自己的 .net 控件的子页面。谁能指导我一些好的教程？

谢谢！

Answer 1

好的，既然您使用的是 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
});

Answer 2

您需要创建一个带有 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 请求中。