领购物优惠券9块9包邮
首页 > 编程语言 > ASP.NET

EXT调用ASP.NET AJAX WebService

   2023-02-09 学习力0
核心提示：Posted 周五, 04/11/2008 - 16:34 by admin 在asp.net ajax中，使客户端调用WebService变得非常的简单，而且非常有用（个人觉得这个功能是asp.net ajax的核心，很多与客户端的交互都需要这个功能来辅助实现）。那在EXT中，标准的客户端与服务器端交互，使用的
Posted 周五, 04/11/2008 - 16:34 by admin

在asp.net ajax中，使客户端调用WebService变得非常的简单，而且非常有用（个人觉得这个功能是asp.net ajax的核心，很多与客户端的交互都需要这个功能来辅助实现）。那在EXT中，标准的客户端与服务器端交互，使用的是自定义的HttpHandler，而且服务器在处理客户端提交的参数也都必须是弱类型的使用方式，也会使用带一定的不便。如果你曾经使用过Asp.net ajax调用WebService，那你肯定非常希望EXT也能像那样简单的调用WebService。

默认情况下，EXT也是可以调用WebService的，在这篇博客里已经有做介绍《ExtJS与.NET结合开发实例(Grid之批量删除篇)》。但是在调用时传入多个参数和输出JSON字符串时，就需要使用asp.net ajax WebService的方式来调用了。

能被asp.net ajax调用的WebService必须被标上System.Web.Script.Services.ScriptServiceAttribute。根据我们的需要，我们还可以对每个WebService Method指定的它输出的序列化方式。默认情况下，使用的是JSON序列化，当然我们还是可以使用XML序列化。

通过研究asp.net ajax的WebServiceProxy类，和Fiddler观察调用WebService传往服务器的请求。不难发现，asp.net ajax调用WebService普通的请求唯一的不同就在于它在Request Header传递的Content-Type值是application/json;utf-8。而这也是EXT调用asp.net ajax WebService的关键，我们只需要在请求的头部的Content-Type传这个值就行了（注意，一定只能是这个值，如果加上其它的字符串就无法调用）。

向WebService传递的参数也必须有一定规则。使用GET和POST请求，分别有不同的传参方式。如果使用POST请求，需要将用户传递参数当成对象序列化成JSON串，而当是GET请求时，使用与EXT默认的传参方式即可（普通的地址栏传参方式，以用&来连接不同的参数）。

只要严格遵守这两条请求规则，就可以正确的访问asp.net ajax WebService。

新建一个Ext.data.EnhancedConnection类，从Ext.data.Connection继承下来，

Ext.data.EnhancedConnection = function(config){   

 Ext.apply(this,config);   

 Ext.data.EnhancedConnection.superclass.constructor.call(this);   

 }

重写它的request方法如下：

Ext.extend(Ext.data.EnhancedConnection,Ext.data.Connection,{
  
 webServiceHeaders : {'Content-Type': 'application/json;utf-8'},
   
request : function(o){ 
     
 if(this.fireEvent("beforerequest", this, o) !== false){
 
   var p = o.params;

       var hs = o.headers;
 
       var url = o.url || this.url;
 
       if(typeof url == 'function'){ 

              url = url.call(o.scope||window, o); 

          }    
    
       var method = o.method||this.method||(p ? "POST" : "GET"); 

      //是否为WebService          
      if(!o.isWebService){
 
              //如果不是WebService请求，不改变EXT的请求行为 
             
      if(typeof p == "function"){ 
               
      p = p.call(o.scope||window, o);  
          
        }  
            
      if(typeof p == "object"){
           
       p = Ext.urlEncode(p);

               }
            
      if(this.extraParams){
              
      var extras = Ext.urlEncode(this.extraParams); 
        
         p = p ? (p + '&' + extras) : extras;
      
        }
              
      if(o.form){
          
      var form = Ext.getDom(o.form);  
         
      url = url || form.action;
               
      var enctype = form.getAttribute("enctype");
     
          if(o.isUpload || (enctype && enctype.toLowerCase() == 'multipart/form-data')){ 

                return this.doFormUpload(o, p, url);
                
                       }                  
      var f = Ext.lib.Ajax.serializeForm(form); 
 
                p = p ? (p + '&' + f) : f; 
     
       } 
                           
     if(this.defaultHeaders){
      
            hs = Ext.apply(hs || {}, this.defaultHeaders); 
    
             if(!o.headers){
                  
                    o.headers = hs; 
               
                }              
            }             
     if(method == 'GET' && (this.disableCaching && o.disableCaching !== false) || o.disableCaching === true){
 
                  url += (url.indexOf('?') != -1 ? '&' : '?') + '_dc=' + (new Date().getTime());
           
              } 
                         
     Ext.lib.Ajax.setDefaultPostHeader(true); 
         
     }
         
 else {
            
  //如果有指定WebService方法名称

      if(o.methodName){
  
                url = url + "/" + o.methodName;  
           
                  }              
      if(typeof p == "object"){
  
        //使用不同的请求方式，使用不同的传参方式。 
           if(method == 'GET') { 
                      p = Ext.urlEncode(p);
       
                    }
                
            else{ 
                 
            p = Ext.util.JSON.encode(p);
       
            } 
              }
                           
   hs = Ext.apply(hs || {},this.webServiceHeaders);
            
  if(!o.headers){ 
          
       o.headers = hs;
          
     }
           
   Ext.lib.Ajax.setDefaultPostHeader(false);
     
     }
         
 var cb = { 
     
       success: this.handleResponse,  
      
       failure: this.handleFailure,
          
       scope: this,
              
       argument: {options: o}, 
        
       timeout : this.timeout  
      
    }
                     
 if((method == 'GET' && p) || o.xmlData || o.jsonData){ 
  
               url += (url.indexOf('?') != -1 ? '&' : '?') + p; 
    
                p = '';       
    } 
        
 if(typeof o.autoAbort == 'boolean'){ 

               if(o.autoAbort){ 
     
            this.abort();            
   }           
}
else if(this.autoAbort !== false){ 

              this.abort();        
   }
                  
   this.transId = Ext.lib.Ajax.request(method, url, cb, p, o);
   
       return this.transId;
     
 }else{        
   Ext.callback(o.callback, o.scope, [o, null, null]); 
          return null;      
     }                  
  }
});

 

用这个新定义的类来替代原来的Ext.Ajax 对象，但是Ext.lib.Ajax.setDefaultPostHeader(false);是一定不能少的。否则在请求时都会在Content-Type加上“application/x-www-form-urlencoded”，这样就会导致不能正常请求WebService。

  

Ext.Ajax = new Ext.data.EnhancedConnection({
   autoAbort : false,
 serializeForm :
function(form){  
     return Ext.lib.Ajax.serializeForm(form);
   }});

 

 

 

通过这样的扩展后，在使用Ext.Ajax.Requst(o)时，只要传入的参数o中，增加一个isWebService来标识它是请求WebService的就可以访问了。也可以像这样使用DataStore来请求WebService：

 

Ext.data.WebServiceStore = function(){  

 Ext.data.WebServiceStore.superclass.constructor.call(this,{

        //url:'Services/WebService.asmx/GetUsers',  
     
 proxy : new Ext.data.HttpProxy({url:'Services/WebService.asmx/GetUsers',isWebService : true}),  

      // create reader that reads the Topic records   
   
  reader: new  Ext.data.UserJsonReader() 

   }) }

Ext.extend(Ext.data.WebServiceStore, Ext.data.Store);

 

 

 

作者姓名：阿不
作者博客：http://www.cnblogs.com/hjf1223/

 
反对 0举报 0 评论 0
 

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.

  • 使用WebClient自动填写并提交ASP.NET页面表单的源代码
    使用WebClient自动填写并提交ASP.NET页面表单的
    转自：http://www.cnblogs.com/anjou/archive/2007/03/07/667253.html 在.NET中通过程序填写和提交表单还是比较简单。比如，要提交一个如下图所示的登录表单：           填写和提交以上表单的代码如下：       // 要提交表单的URI字符串
    02-09
  • asp.net mvc多条件+分页查询解决方案 asp.net mvc多条件+分页查询解决方案
    asp.net mvc多条件+分页查询解决方案
    http://www.cnblogs.com/nickppa/p/3232535.html开发环境vs2010css:bootstrapjs:jquery    bootstrap paginator原先只是想做个mvc的分页，但是一般的数据展现都需要检索条件，而且是多个条件，所以就变成了MVC多条件+分页查询因为美工不是很好，所以用的是
    02-09
  • ASP.NET操作Cookies的问题(Bug or Not)
    以下存和取都是在不同的页面中，如果是在同一个页面也没必要用cookies了。 Test1: 给Cookies赋值： const string AAA="aaa"; Response.Cookies[AAA].Value = "111;222;333"; 取值： string value = Request.Cookies[AAA].Value; // value为111 Test2: 给Cooki
    02-09
  • Asp.Net Core 自定义验证属性
    　　很多时候，在模型上的验证需要自己定义一些特定于我们需求的验证属性。所以这一篇我们就来介绍一下怎么自定义验证属性。　　我们来实现一个验证邮箱域名的自定义验证属性，当然，最重要的是需要定义一个继承自ValidationAttribute的类，然后在实现其IsVal
    02-09
  • Asp.Net 之 枚举类型的下拉列表绑定
    有这样一个学科枚举类型：/// 学科 /// /summary public enum Subject {None = 0,[Description("语文")]Chinese = 1,[Description("数学")]Mathematics = 2,[Description("英语")]English = 3,[Description("政治")]Politics = 4,[Description("物理&qu
    02-09
  • [ASP.NET笔记] 1.Web基础知识
         1:http协议：     2:web服务器：     3:静态网页的概念     4:动态网页的概念       http协议:http(hypertext transfer protocol) 即超文本传输协议,这个协议是在internet上进行信息传送的协议任何网页之间要相互沟通，必须要尊循
    02-09
  • ASP.NET邮件发送 .net 发送邮件
    　　今天做了个ASP.NET做发送邮件功能，发现QQ邮箱好奇怪，当你用QQ邮箱做服务器的时候什么邮件都发送不出去(QQ邮箱除外)。而且爆出这样的错误："邮箱不可用。 服务器响应为: Error: content rejected.http://mail.qq.com/zh_CN/help/content/rejectedmail.ht
    02-09
  • 由ASP.NET Core根据路径下载文件异常引发的探究
    前言    最近在开发新的项目，使用的是ASP.NET Core6.0版本的框架。由于项目中存在文件下载功能，没有使用类似MinIO或OSS之类的分布式文件系统，而是下载本地文件，也就是根据本地文件路径进行下载。这其中遇到了一个问题，是关于如何提供文件路径的，通
    02-09
  • ASP.NET的运行原理与运行机制 ASP.NET的开发模式包括
    ASP.NET的运行原理与运行机制 ASP.NET的开发模
    在Asp.net4和4.5中，新增了WebPages Framework，编写页面代码使用了新的Razor语法，代码更加的简洁和符合Web标准，编写方式更接近于PHP和以前的Asp，和使用WebForms这种模仿Windows Form编程方式有了很大不同，不再有大量控件和控件生成的大量不够灵活的代码
    02-09
  • ASP.NET 后台接收前台POST过来的json数据方法
     ASP.NET前后台交互之JSON数据 https://www.cnblogs.com/ensleep/p/3319756.html
    02-09
更多>PHP教程
php-fpm进程管理的三种模式 phpfpm子进程 [PHP8] 我参加了PHP8工程师认证初学者考试beta考试
更多>C/C++教程
VScode运行C++中文终端乱码的解决方案 vscode错误提示中文 C++ LeetCode1945题解字符串转化后的各位数字之和
更多>Java教程
Java项目导出数据为 PDF 文件的操作代码 盘点Java中延时任务的多种实现方式 java 延时队列怎么实现
更多>ASP.NET
使用WebClient自动填写并提交ASP.NET页面表单的源代码 asp.net mvc多条件+分页查询解决方案 asp.net mvc多条件+分页查询解决方案
更多>JSP编程
JSP通用高大上分页代码(超管用) JSP验证码动态生成方法
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  网站留言  |  违规举报