EXTJS4.0 3种和后台交互数据的方法

原创 2016年09月15日 11:40:41
1.数据源store 

store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据. 
    创建一个公共的store,不与任何表有联系,只需要下面简单的几句话 
    var publicstore = Ext.create('Ext.data.Store', {    
           proxy : { 
                type : 'ajax', 
                url : '' 
           } 
      }); 

 如果只是想往后台传个数据的话 
 publicstore.proxy.url='a.action?id=1'; 
   publicstore.load(); 
2.form表单的提交方法 
  表单提交涉及到两种,第一就是单纯的提交表单,把该表单的信息提交到后台action处理,不用任何参数 

                       fs.form.submit( { 
                                        clientValidation : true, 
                                         url : 'saveform.action', 
                                         method : 'POST', 
                                         success : function(form, action) {                                           
                                         }, 
                                         failure : function(form, action) { 
                                         } 
                                     }); 
第二,就是作为后台交互,传输数据,需加上要传输的参数 
                                    fs.form.submit( { 
                                        clientValidation : true, 
                                         url : 'delbyid.action?id=' + encodeURI(id), 
                                         method : 'POST', 
                                         success : function(form, action) {                                           
                                         }, 
                                         failure : function(form, action) { 
                                         } 
                                     }); 
3.用Ext.Ajax.request 
      这个最简单,最方便,增删改操作都可以用,而且不用估计啥,唯一需要注意的就是网页和项目的编码格式 
                                           Ext.Ajax.request( { 
                                                         timeout : 3000000, 
                                                         url : 'save.action', 
                                                         params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) , 
                                                         success : function(response, config) {                                                     
                                                         }, 
                                                         failure : function(form, action) { 
                                                             
                                                         } 
                                                     }) 
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_17505335/article/details/52549235

ExtJs 和后台数据的交互方式

1.数据源storestore通常是作为grid,tree…的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的...
  • idomyway
  • idomyway
  • 2017-12-10 22:10:32
  • 329

Extjs从后台读取数据的三种方式

1.      使用form表单提交 使用表单提交是调用了表单的submit方法,其配置项包括url、method等。这种方式能够以JSON的形式提交参数信息。 var myform = Ext....
  • qq724432055
  • qq724432055
  • 2018-01-02 20:39:51
  • 326

EXTJs前后台交互 常用哦3种方式

Ajax交互方式  Ext.Ajax.request(       {          //被用来向服务器发起请求默认的url          url : "",          //请求时发送...
  • xys_00
  • xys_00
  • 2016-07-08 10:22:45
  • 410

Extjs4.2进阶--完整前后台交互带数据库(带源码)

上一次的初识Extjs4.2-hello world ,演示了简单的弹窗以及需要载入哪些文件。这次讲一个简单但是完整的项目,前台是一个表单数据提交,后台是servlet,数据库有张简单的表。 ...
  • yelin042
  • yelin042
  • 2016-12-26 09:44:57
  • 1621

Ext.Ajax.request获取后台的数据

尝试用Ext.Ajax异步操作来改变页面回显的值,试了好几次都没成功,终于啊,试出来试出来了,功夫不负有心人。(开心) 具体如下:     js代码: Ext.onReady(function...
  • qq_25320187
  • qq_25320187
  • 2016-09-28 10:10:12
  • 2047

ExtJs读取后台的数据

 Ext.onReady(function(){  var typeStore = new Ext.data.Store({  autoLoad : {params : {start:0,limit ...
  • w375179337
  • w375179337
  • 2009-12-24 13:43:00
  • 1220

[ExtJS5学习笔记]第十节 Extjs5新增特性之ViewModel和DataBinding

数据绑定(DataBinding)和视图模型(ViewModel)是Ext JS5 新增的强大特性。它们俩可以让你写最少的代码和使用声明类型的风格来帮助你解耦管理。 一个ViewModel就是一个类,...
  • sushengmiyan
  • sushengmiyan
  • 2014-08-16 14:40:54
  • 22212

11、ExtJs——数据模型

数据模型的三大基本部分:model
  • kaoa000
  • kaoa000
  • 2014-09-25 08:24:21
  • 822

如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分)

如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分) 前台部分很简单: 首先定义一个数组,用来储存STORE里的值。 之后利用store自带的...
  • evilcry2012
  • evilcry2012
  • 2016-08-24 09:25:16
  • 1638

Extjs-数据存储与传输-几种Store

项目中的store var store = new Ext.data.GroupingStore({ proxy : new Ext.data.HttpProxy({ ...
  • itlwc
  • itlwc
  • 2012-08-15 14:03:42
  • 10294
收藏助手
不良信息举报
您举报文章:EXTJS4.0 3种和后台交互数据的方法
举报原因:
原因补充:

(最多只允许输入30个字)