NET学习——ASP.NET使用WebMethod

ASP.NET使用WebMethod

将普通页面的方法公布为WebMethod,以Javascript形式访问。

1 方法要public static修饰,返回类型最好是string。
2 方法前添加[WebMethod] 特性。
3 Client端访问时要使用Post方法,和Json作为数据形式进行交互。否则会整页HTML返回。
4 在jQuery访问时,回调中的data.d才时真正的返回内容。
5 访问URL为: http://abc.com/abc.aspx/GetTime 如有个GetTime的公共静态方法。

 

我在学习代码的过程中遇到了[WebMethod],不太理解,只知道传的数据类型好像不同。经过查询,寻找到下面链接的文章,比较符合我的需求。

C#中的[WebMethod]的用法

粘贴内容如下:

一、三种情况的服务端
1.可以调用aspx.cs 中声明带有[WebMehtod]的public static 的方法(不需要自己手动添加web.config的配置)

2.可以调用 *.asmx (web服务) 里面加了[webmethod]的方法(不能写静态,写静态就调用不到了)需要在asmx里面 去掉 [System.Web.Script.Services.ScriptService] 的注释 

3.可以调用 *.ashx (一般处理程序),它和aspx一样都实现了IHttpHandler接口。

二、三种方法的调用
  方法调用也分不同返回情况:

    无参数的方法调用    public static string SayHello(){}   
    带参数的方法调用     public static string GetStr(string str, string str2)
    返回数组方法的调用   public static List<string> GetArray()

三、代码示例
1. aspx.cs 服务端
(1)后端--静态方法

[WebMethod]   
public static string SayHello()   
{   
     return "Hello Ajax!";   
}

(2)前端--ajax方法
$(function() {   
    $("#btnOK").click(function() {   
        $.ajax({   
            //要用post方式   
            type: "Post",   
            //方法所在页面和方法名   
            url: "data.aspx/SayHello",   
            contentType: "application/json; charset=utf-8",   
            dataType: "json",   
            success: function(data) {   
                //返回的数据用data.d获取内容   
                alert(data.d);   
            },   
            error: function(err) {   
                alert(err);   
            }   
        });   
 
        //禁用按钮的提交   
        return false;   
    });   
});

2.WebService1.asmx
(1)后端


[WebMethod]
    public List<int> CreateArray(int i)
    {
       List<int> list = new List<int>(); 
       while (i >= 0)
       {
           list.Add(i--);
       } 
       return list;
    }

(2)前端

//返回泛型列表
    $("#btnArray").click(function(){
       $.ajax({
         type: "POST",
         contentType:"application/json",
         url:"WebService1.asmx/CreateArray",
         data:"{i:10}",
         dataType:'json',
         success:function(result){                    
             alert(result.d.join(" | "));
           }
        });
    });

3.handler处理程序
(1)后端--handler处理程序 

(2)前端--直接调用这个处理程序即可


$("#dbtn").click(function() {  
  $.ajax({ 
     type: "POST",  
     dataType:"Text", 
     url: "AjaxHandler.ashx", 
     data: { name: "admin", pass: "admin" },  
     beforeSend: function() { $("#ds").html("loading"); },  
     success: function(msg) { $("#ds").html("<p>" + msg + "</p>"); }  
    }); 
}); 

补充一点:mvc中的ajax异步请求,由于mvc采用基于路由映射,所以Controller中的Action可以直接通过url请求。
小结
    通过一番简单地总结,自己对于这个知识点多少有了一定的了解,重点是要去实践,动手编写代码了。以上代码参考博客《C#中[WebMethod]的用法,aspx、ashx、asmx》

 

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现二级(多级)联动的方法一般有两种,一种是通过页面刷新实现,另一种是通过Ajax实现。下面我将介绍一种基于Ajax的实现方法。 首先,在前端页面中建立两个下拉框,第一个下拉框用于选择省份,第二个下拉框用于选择城市。当选择省份后,第二个下拉框中应该只显示该省份下的城市列表。 在后端,我们需要编写一个Web服务,用于获取城市列表。该Web服务应该接收省份名称作为参数,并返回该省份下的城市列表。在Asp.Net中,我们可以使用WebMethod来实现该功能。 然后,在前端页面中,我们需要使用Ajax来调用该Web服务,并将返回的城市列表显示在第二个下拉框中。具体实现方法如下: ```javascript // 定义一个函数,用于获取城市列表 function getCityList(province) { $.ajax({ type: "POST", url: "CityService.asmx/GetCityList", data: "{'province':'" + province + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (response) { // 将返回的城市列表显示在第二个下拉框中 var cityList = response.d; var citySelect = $("#citySelect"); citySelect.empty(); for (var i = 0; i < cityList.length; i++) { var cityOption = "<option value='" + cityList[i] + "'>" + cityList[i] + "</option>"; citySelect.append(cityOption); } }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); } // 当选择省份时,调用getCityList函数获取城市列表 $("#provinceSelect").change(function () { var province = $(this).val(); getCityList(province); }); ``` 需要注意的是,getCityList函数中的url应该指向我们编写的Web服务的地址。另外,我们还需要在Web.config文件中配置一些内容,具体可以参考相关文档。 这样,我们就实现了基于Ajax的二级(多级)联动功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值