jquery 执行后台方法-优快云博客

本文介绍了一种利用Ajax技术实现在用户点击按钮后仅更新页面局部内容的方法。通过JavaScript和jQuery库，该示例展示了如何发送异步请求并接收响应来动态更新指定的HTML元素，从而提升了用户体验。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
   <script src="script/jquery-1.3.2.js" type="text/jscript"></script>
   <script type="text/jscript">
       function show(num) {
           var params = '{str:"'+ num+'"}';
           $.ajax({
               type: "POST",
               url: "default.aspx/aa",
               data: params,
               dataType: "text",
               contentType: "application/json; charset=utf-8",
               beforeSend: function(XMLHttpRequest) {

                   $('#show').text("正在查询");

success: function(msg) {

               $('#show').text(eval("(" + msg + ")").d);
               },
               error: function(xhr, msg, e) { alert(msg); }
           });

       }

   </script>
</head>
<body>
    <form id="form1" runat="server">

</form>
</body>
</html>

后台方法：

[System.Web.Services.WebMethod()]
    public static string aa(string str)
    {
        return str;

    }

转载于:https://www.cnblogs.com/stulife/archive/2010/03/18/1688977.html