extjs4发起ajax请求并解析

最新推荐文章于 2025-08-06 09:41:34 发布

jialechan

最新推荐文章于 2025-08-06 09:41:34 发布

阅读量297

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT 文章标签： extjs ajax function url

本文链接：https://blog.youkuaiyun.com/jialechan/article/details/7708938

JAVASCRIPT 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ExtJS框架动态地从服务器获取数据，并根据这些数据创建和添加Checkbox到指定的fieldset中。通过Ajax请求，我们可以实现动态加载规则名称和状态的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.Ajax.request({
        		    url: 'filterAndRuleController_filterAndRuleForm',
        		    params: {
        		        filterId: selection.data["ID"]
        		    },
        		    success: function(response){
        		    	var resultJson = eval('(' + response.responseText + ')');
        		    	var size = resultJson.totalCount;
        		    	
        		    	// 获得 fieldset
		                var fieldset = Ext.getCmp(id + 'settingFieldset');

		                for(var i = 0; i < size; i++){
		                    var ruleId = resultJson.data[i].ID;
		                    var ruleName = resultJson.data[i].NAME;
		                    var ruleChecked = resultJson.data[i].CHECKED;
		                    
		                    var checkboxModule = Ext.create('Ext.form.Checkbox', {    
		                        name: "ruleIds",
		                        boxLabel: ruleName,  
		                        inputValue: ruleId,
		                        checked: ruleChecked
		                    }); 
		                    
		                    fieldset.add(checkboxModule); 
		                }
        		    }
        		});