在AJAX中，怎样调用后台方法？

Posted 2023-05-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在AJAX中，怎样调用后台方法？相关的知识，希望对你有一定的参考价值。

实现图片的刷新，在ScriptManager、UpdatePanel控件中，怎样在每次刷新时都调用后台的AA（）
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>

<asp:Timer ID="Timer1" runat="server" Interval = "1000"></asp:Timer>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate >
图片读取中......
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
其.cs文件中，有一个AA（），实现每次在定时刷新时，调用AA（），怎样实现？谢谢

参考技术A 你好:
首先在html中注册你的Timer控件的事件处理,如下:
<asp:Timer ID="Timer1" runat="server" Interval = "1000" onTick="refresh"></asp:Timer>

其次,在你的cs文件中应该有这样的方法 :

public void refresh(object sender,EventArgs e)
AA();//在这里调用你的AA方法

这样就可以了. 参考技术B 不建议使用ajax controltoolkit

你说的这个功能用JS很容易实现的
httpxmlrequest本回答被提问者采纳

Javascript调用C#后台方法及JSon解析

如何使用Ajax 调用C# 后台方法。

本文目录

在通常的WebForm中，我们通常使用“一般处理程序”来响应Ajax请求。今天我们尝试使用Ajax调用.cs文件的方法。

1、后台（.cs）测试方法

       [WebMethod]
        public static string DisplayImagesInfo()
        {
             List<ImageQueueInfo> imagelist = new List<ImageQueueInfo>
            {
                new ImageQueueInfo{imageName="test1",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test2",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test3",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test4",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test5",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test6",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test7",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
                new ImageQueueInfo{imageName="test8",imageUrl="http://images.aiyingshi.com/ProductPicPath/XL/170498.jpg"},
            };


            JavaScriptSerializer jsonSerializer = new JavaScriptSerializer();
            string imageinfoStr = jsonSerializer.Serialize(imagelist);

            return imageinfoStr;


        }

Javascript调用后台方法需要注意几点：

需要引入命名空间：
```
using System.Web.Services;
```
这样才能使用[WebMethod]特性。
```
using System.Web.Script.Serialization;
```
引入微软序列化命名空间。
必须将被调用的方法声明成Public的静态方法。

2、前台调用（javascript）代码：

<script type="text/javascript" src="Content/JS/jquery-1.8.2.js"></script>

    <%--<script type="text/javascript" src="Content/JS/jquery-1.8.2-vsdoc.js"></script>--%>

    <script type="text/javascript">
        $(document).ready(function() {
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: ‘Default.aspx/DisplayImagesInfo‘,
                dataType: ‘json‘,
                success: function(data) {
 
                  var dataObj = eval("(" + data.d + ")");
                  
                  $.each(dataObj, function(i, item) {
                        $("#imageslist").append("<li><img alt=\\"" + item.imageName + "\\" src=\\"" + item.imageUrl + "\\"/></li>");
                    })

                },
                error: function() {
                    alert("error!");
                }



            });
        });
    </script>

type:需要使用POST方法。
url：地址/方法签名

接下来是今天的重点：遇到了点Json解析的问题，备忘一下。

微软框架默认返回一个 { "d": "后台返回的数据" } 的数据。接下来我们怎么解析它？

技术分享