189 8069 5689

Ajax调用.netWCF-创新互联

实验多次,其实比较简单,只是走了不少弯路,现在总结一下,
环境: VS2015

网站的建设成都创新互联专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为湿喷机等企业提供专业服务。
  1. 创建.net WCF非常容易,我是使用IIS做服务支撑,直接在web application项目中添加新的WCF,
    Ajax调用.net WCF

2.添加一个service接口(这个可以不用,我习惯了),接口中定义需要发布的几个方法。

interface ISystemUserSvr
    {
        [OperationContract]
        [WebGet]
        List RetrieveUser();

        [OperationContract]
        [WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
        List RetrieveBy(string loginId, string userName);

        [OperationContract]
        [WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.WrappedRequest)]
        List RetrieveByObj(SystemUser user);

    }

其中,第一个方法使用Get方式,其余两个使用Post方式接收参数。Post是默认的方式,这里也可以不用设置,包括Request和Response的设置都是默认值。

  1. 方法实现就简单了,直接写就可以了。这里只是举个例子

    public List RetrieveUser()
        {
            return (new SystemUserBO()).Retrieve(); 
        }
    
        public List RetrieveBy(string loginId, string userName)
        {
    
            return (new SystemUserBO()).Retrieve(loginId, userName, 0, 0);
        }
    
        public List RetrieveByObj(SystemUser user)
        {
            return (new SystemUserBO()).Retrieve(user.LoginId, user.UserName, 0, 0);
        }
  2. web.config配置,基本不需要特别配置,使用MS配置编辑器(VS自带),注意ReaderQuotas设置就行,把大长度都放到大就好。
    Ajax调用.net WCF

  3. 客户端调用,把几种调用方式都列一下吧

    • Get方式,无参数

      $.ajax({
              contentType: 'application/json;charset=utf-8',
              method: "get",
              type: "get",
              dataType: "json",
              url: "SystemUserSvr.svc/Retrieve",
              success: function (result) {
                  $.each(result.d, function (n, value) {
      
                      $('#ajaxResult').append(value.UserName + "

      " + n); } ); } }); });

  • Post方式,传Json字符串参数

     $.ajax({
                contentType: 'application/json;charset=utf-8',
                method: "post",
                type: "post",
                data: JSON.stringify({ "LoginId": "R", "UserName": "" }),
                dataType: "json",
                url: "SystemUserSvr.svc/RetrieveBy",
                success: function (result) {
                    $.each(result.d, function (n, value) {
    
                        $('#ajaxResult').append(value.UserName + "

    " + n); } ); } }); });

  • Post方式,传Json对象

     $.ajax({
                contentType: 'application/json;charset=utf-8',
                method: "post",
                type: "post",
                data: JSON.stringify({ "user": { "LoginId": "R", "UserName": "王" } }),
                dataType: "json",
                url: "SystemUserSvr.svc/RetrieveByObj",
                success: function (result) {
                    $.each(result.d, function (n, value) {
    
                        $('#ajaxResult').append(value.UserName + "

    " + n); } ); } });

Post传参最需要注意的就是那个contentType的设置, contentType: 'application/json;charset=utf-8'不能漏掉,否则,传参可能不成功。另外.net WCF 返回的数据有可能是d对象,所以在解析返回数据的时候,需要特别注意一下,这里的例子直接使用了result.d,从而获得d对象的值。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章题目:Ajax调用.netWCF-创新互联
本文URL:http://cdxtjz.cn/article/ejijj.html

其他资讯