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

前端之家收集整理的这篇文章主要介绍了ajax的同步/异步请求,以及extjs4中如何在model中实现两张无外键关联表的查询操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

首先,说异步的好了。

varjszz="";

Ext.Ajax.request({

url:'你的url',

params:{q_jgbh:jgid},

success:function(response){

varresult=Ext.decode(response.responseText);

vardata=result.data;

vard=data[0];

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

}

});

alert(jszz);

ajax请求外面声明一个jszz,初始值为空。然后发送ajax请求,在ajax里面为jszz重新赋值,然后在ajax请求外面alertjszz),但是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){



varda='';

Ext.Ajax.request({

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

method:'post',

url:'@H_156_403@你的url',

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

success:function(response){

varresult=Ext.decode(response.responseText);

vardata=result.data;

vard=data[0];

da=d.sm;

}

});

returnda;//一定要返回,要不然就不会是另一张表的值了

}},



{name:'szz'},

{name:'zhy'},

{name:'bz'}

]

原文链接:https://www.f2er.com/ajax/166264.html

猜你在找的Ajax相关文章