webform ajax 异步请求

最新推荐文章于 2024-11-23 06:46:28 发布

weixin_30699235

最新推荐文章于 2024-11-23 06:46:28 发布

阅读量179

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/tony-brook/p/7874195.html

本文介绍ASP.NET WebForm中使用AJAX实现局部刷新的方法，并通过两个示例展示如何不刷新整个页面仅更新部分内容。第一个示例展示了如何通过调用WebMethod方法SayHello返回字符串并显示。第二个示例则演示了如何通过发送参数并在服务器端处理这些参数来更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


第一种就是对应方法的请求  虽然对应方法  但还是会刷新页面  webform是基于事件的  每次请求都会出发pageload

<script>
        $(function () {
            $("#btn").click(function () {
                $.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "Index.aspx/SayHello",
                    data: null,
                    dataType: "json",
                    success: function (msg) {
                        alert(msg.d);
                    }
                });
            });
        });
    </script>





[System.Web.Services.WebMethod]
public static string SayHello()
{
    return "Hello";
}


第二种方法 就是直接请求  pageload

protected void Page_Load(object sender, EventArgs e)
{
　　_delWhere = "";
　　if (Request["where"] != null)
　　{

　　　　_where = Request["where"].ToString();
　　　　BindData(_where);
　　}
}

 $.ajax({
            url: "BugListnew.aspx?where=" + where,
            type: "Post",
            dataType: "json", //请求到服务器返回的数据类型  
            data: { "where": where },

            success: function(data) {

                var obj = $.parseJSON(data); //这个数据  

                var name = obj.Json[0].UserName;
                var age = obj.Json[0].Age;

                document.getElementById("name").innerHTML = name;
                document.getElementById("age").innerHTML = age;
            }

        })

转载于:https://www.cnblogs.com/tony-brook/p/7874195.html