资源描述:
《ext与后台交互及两种方式》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、Ext_两种处理服务器端返回值的方式收藏viewplaincopytoclipboardprint?/*服务器回传数据格式:{success:true,data:[{id:1,name:'A'},{id:2,name:'B'}]}*//*服务器回传数据格式:{success:true,data:[{id:1,name:'A'},{id:2,name:'B'}]}*/1.Form表单提交返回值处理viewplaincopytoclipboardprint?//提交基本信息表单f.form.submit({clientValidation:tr
2、ue,//表单提交后台处理地址url:'/globe_background/Commonality/AccountClub.ashx?action=updateuserinfoform&uid='+jsonDate.uid,//数据提交方式method:'POST',//表单提交成功success:function(form,action){//对于表单提交后服务器回传数据可使用:action.result.success访问if(action.result.success){//action.result.data[0].name}els
3、e{}},//表单提交失败failure:function(form,action){}});//提交基本信息表单f.form.submit({clientValidation:true,//表单提交后台处理地址url:'/globe_background/Commonality/AccountClub.ashx?action=updateuserinfoform&uid='+jsonDate.uid,//数据提交方式method:'POST',//表单提交成功success:function(form,action){//对于表单提交后服
4、务器回传数据可使用:action.result.success访问if(action.result.success){//action.result.data[0].name}else{}},//表单提交失败failure:function(form,action){}});2.Ajax请求返回值处理viewplaincopytoclipboardprint?//通过AJAX请求获取服务器端返回数据Ext.Ajax.request({url:"/globe_background/Commonality/AccountClub.ashx?ac
5、tion=clubaccountinfo",method:"POST",//参数信息params:{uid:G_selectInfo.pkid},//请求成功success:function(obj,action){//获取数据,AJAX获取的服务器返回数据要解码为Json对象再处理;varjsonData=Ext.util.JSON.decode(obj.responseText);//数据请求成功if(jsonData.success){//jsonData.data[0].name}else{}},//请求失败failure:func
6、tion(){}});//通过AJAX请求获取服务器端返回数据Ext.Ajax.request({url:"/globe_background/Commonality/AccountClub.ashx?action=clubaccountinfo",method:"POST",//参数信息params:{uid:G_selectInfo.pkid},//请求成功success:function(obj,action){//获取数据,AJAX获取的服务器返回数据要解码为Json对象再处理;varjsonData=Ext.util.JSON.d
7、ecode(obj.responseText);//数据请求成功if(jsonData.success){//jsonData.data[0].name}else{}},//请求失败failure:function(){}});总结:有两种方式,第一种:普通的form.submit方式;第二种:Ajax方式;前台接受后台传来的json数据:1、普通方式:action.results.变量名;2、Ajax方式:varjsonData=Ext.utilJSON.decode(from.responseText)