ajax的同步/异步请求，以及extjs4中如何在model中实现两张无外键关联表的查询操作

阅读更多

首先，讲下同步和异步的区别。

其实之前我也是很模糊的，现在似乎明白了，下面说下我的理解。

首先，说异步的好了。

var jszz = "";

Ext.Ajax.request({

       ',

       params:{q_jgbh:jgid},

       success:function(response){

       var result = Ext.decode(response.responseText);

       var data = result.data;

       var d = data[0];

       jszz = d.szz;//d.zz是返回的数据实体中的一个属性

     }

});

alert(jszz);

 

在ajax请求外面声明一个jszz，初始值为空。然后发送ajax请求，在ajax里面为jszz重新赋值，然后在ajax请求外面alert（jszz），但是alert出来的值仍然为空，不会受jszz = d.szz;影响.因为是异步的，所以ajax发送请求的同时，alert不会等待ajax请求完成再执行。所以，异步请求无法得到请求里面的数据（值）.

 

而同步就不同了。同步就像接力赛，下一位接力人员需要等待前面一位的人把棒子传给他（相当于等待ajax请求完成后），再继续进行下一个传棒动作。所以，同步请求可以得到请求里面的值。

Ok，下面就说一下如何设置同步/异步请求。

在request里面添加下面一行代码即可。

async:false,   //同步为false

 

 

下面就分享一个extjs4中一个小例子

 

 

如图，查询的是一张表中的数据，这个序号列的值引用的是另一张表的中的值，现在，使用model中的convert方法和ajax同步请求，完成显示序号列序号数字变汉字。在数据库中这两张表是没有外键引用关系的。虽然序号是从那张表查出来的值。

分享代码......

extend: 'Ext.data.Model',

    fields: [

{name: 'jgbh'}, 

{name: 'xh',convert:function(val){

     var da = '';

     Ext.Ajax.request({

     async:false,//同步请求，以便进行赋值操作

    method:'post',

     '你的url',

     params:{q_xh:val},//进行传参，以便进行查询相关数据

     success:function(response){

          var result = Ext.decode(response.responseText);

          var data = result.data;

          var d = data[0];

          da = d.sm;

     }

     });

     return da;//一定要返回，要不然就不会是另一张表的值了

}}, 

{name: 'szz'}, 

{name: 'zhy'}, 

{name: 'bz'} 

    ]