zend framework jquery

最新推荐文章于 2021-08-05 20:32:51 发布

原创最新推荐文章于 2021-08-05 20:32:51 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#zend #jquery #ViewUI

zend framework 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何通过Ajax技术动态地从服务器获取角色数据，并利用jQuery解析JSON响应，填充HTML选择框。具体实现包括在PHP后端准备数据并通过JSON格式返回，前端通过Ajax请求这些数据并更新页面。


在public下创建js文件将jquery.js拷贝进去
Controller部分
public function getroleAction(){
		$role = new Role();
		$result = $role->fetchAll()->toArray();//二维数组
		//print_r($result);
		//一维数组
		//$result = [];
	 	//$result['name'] = "xxoo";
	 	//$result['email'] = "justcode@126.com";
	 	echo Zend_Json::encode($result);
	 	exit;
}
view部分
引入<script type="text/javascript" src="/js/jquery.js"></script>
		//角色下拉选择框的处理
		$.ajax({
			  	type:"post",
			  	url:'/center/getrole',
			  	//data:{value:name,column:'ID'},
			  	success:function(data){//得到二维数组
			  		 var obj = jQuery.parseJSON(data);
			  		 var optionstring = "";
			  		 for (var i = 0; i < obj.length; i++) {
				  		 if(obj[i].id == <?=$this->user['role']?>){
					  			optionstring += "<option value=\"" + obj[i].id + "\" selected='selected'>" + obj[i].name + "</option>"; 
				  		 }else{
					  			optionstring += "<option value=\"" + obj[i].id + "\" >" + obj[i].name + "</option>"; 
				  		 }
			  		 }
			  		  $("#role_").html(optionstring);
			  		//alert(obj.name);一维数组取值
					//alert(obj.email);
			  	}
			  });