首页 > 代码库 > Ajax 请求数据
Ajax 请求数据
----------------------------html------------------------- <ul class="forminfo" id="attrContent"> <li id="select_id"><label>商品类型<b>*</b></label> <div class="vocation"> <select id="type_id" name="GoodsAttr[type_id]" class="select1"> <option value="" selected>选择类型</option> <?php foreach ($typeData as $v): ?> <option value="http://www.mamicode.com/<?php echo $v[‘id‘]; ?>"> <?php echo $v[‘type_name‘]; ?> </option> <?php endforeach; ?> </select> </div> </li> </ul>----------------------------------JQ 代码-----------------------//根据类型获取对应的属性 $("#type_id").change(function(){ // 获取当前类型的id var type_id = $(this).val(); if(type_id > 0) { //删除之前的所有 $("#select_id~li").remove(); //请求ajax $.ajax({ type : "GET", url : "__CONTROLLER__/ajaxGetAttrForm/type_id/"+type_id, dataType : "json", success : function(data) { // 在这处理服务器返回的数据 var html = ‘‘; $(data).each(function(k,v){ // 循环每一行是一个li,li中有两个字段,第一个里是属性的名字,第二个里是表单元素 //<label>招聘企业<b>*</b></label> html += ‘<li>‘; html += ‘<label>‘; html += v.attr_name; // 属性名称 html += ‘<b>*</b></label>‘; // 如果属性是唯一属性 if(v.attr_type == 0) { // 如果没有可选值就输出文本框 if(v.attr_value =http://www.mamicode.com/="") { html += "<input type=‘text‘ name=‘GoodsAttr["+v.id+"]‘ width=‘344px‘ class=‘dfinput‘ />"; } else { html += "<div class=‘vocation‘>"; html +="<div class=‘uew-select‘>"; html +="<select class=‘select1‘ name=‘GoodsAttr["+v.id+"]‘>"; // 把可选值转化成数组 var arr = v.attr_value.split(","); for(var i=0; i<arr.length; i++) { html += "<option value=http://www.mamicode.com/‘"+arr[i]+"‘>"+arr[i]+"</option>"; } html += "</select></div></div>"; } } else { // 单选的属性 html +="<div class=‘vocation‘>"; html +="<div class=‘uew-select‘>"; html += "<a href=‘javascript:;‘ >[+]</a>"; html += "<select style=‘width: 345px;opacity:1;border: 1px solid #bcbcbc;‘ class=‘select1‘ name=‘GoodsAttr["+v.id+"][]‘>"; var arr = v.attr_value.split(","); for(var i=0; i<arr.length; i++) { html += "<option value=http://www.mamicode.com/‘"+arr[i]+"‘>"+arr[i]+"</option>"; } html += "</select>"; html +="</div>"; html +="</div>"; } html += ‘</li>‘; }); $("#attrContent").append(html); } }); } else { // 如果没有选择类型就清空 删除第一个li后所有兄弟元素 $("#select_id~li").remove(); } });--------------------控制器--------------------------------------- #Ajax获取属性 public function ajaxGetAttrForm($type_id) { // 根据类型的ID取出这个类型中所有的属性 $m = M(‘Attribute‘); $data = http://www.mamicode.com/$m->where(‘type_id=‘.$type_id)->select();>
Ajax 请求数据
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。