JqueryAjax异步加载在ASP.NET

最新推荐文章于 2021-08-05 13:26:23 发布

原创最新推荐文章于 2021-08-05 13:26:23 发布 · 430 阅读

0 ·

CC 4.0 BY-SA版权

.NET 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何使用jQuery AJAX技术从服务器获取当前时间，并通过HTML表单实现用户输入姓名和年龄，然后显示个性化的时间信息。

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

前台代码

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function ShowCurrentTime() {
        $.ajax({
            url: "webService.aspx/GetCurrentTime",//请求的页面/页面处理数据的方法
            type: "POST",                            //传输方式
            contentType: "application/json;charset=utf-8", //编码
            dataType: "json",                             //格式
            data: '{name: "' + $("input[name='name']").val() + '" ,age:"' + $("input[name='age']").val() + '"}',//json字符串
            success: function (data) {                        //成功以后的回调函数
                alert(data.d);
            },
            failure: function (data) {
                alert(data.d);
            }
        })
    }
</script>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="text" name="name" />
    <input type="text" name="age" />
    <input type="button" value="获取当前时间" onclick="ShowCurrentTime()" />
    </div>
    </form>

webService.aspx后台代码：

[System.Web.Services.WebMethod]                      //将 WebMethod 属性附加到 Public 方法表示希望将该方法公开为 XML Web services 的一部分
        public static string GetCurrentTime(string name,string age)
        {
            return "Hello"+name+age+DateTime.Now.ToString();
        }