1. 程式人生 > >ajax返回的json陣列處理方式

ajax返回的json陣列處理方式

建立的資料庫:

CREATE TABLE `try_brand` (
  `id` smallint(6) NOT NULL AUTO_INCREMENT,
  `brand_name` varchar(15) CHARACTER SET utf32 NOT NULL COMMENT '品牌名稱',
  `rank` tinyint(3) unsigned NOT NULL COMMENT '排序權重',
  `deleted` tinyint(1) NOT NULL COMMENT '是否刪除:1=已刪除;0=正常',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=32 DEFAULT CHARSET=utf8 COMMENT='品牌類別';

控制器查詢的資料庫的程式碼:

    //搜尋品牌
    public function getSearchBrand(){


        $search_brand = I('search_brand','','addslashes');
        $brands = D('BrandCategory')->getBrand($search_brand);
        //返回json
        $_back['data'] = $brands;
        $_back['result'] = 1;
        exit(json_encode($_back));
    }
    //模型
    public function getBrand($search_brand){
        if($search_brand) $where['brand_name'] = array('like','%'.$search_brand.'%');
        return $this->where($where)->where('deleted=0')->select();
    }
      //模板程式碼
       <select name="brand_id" id="brand_id">
            <option value="" selected="selected">-試用品牌-</option>
            <foreach name="brand" item="vo" >
                <option value="{$vo['id']}" <if condition="$activity.brand_id eq $vo['id']">selected</if>>{$vo['brand_name']}</option>
            </foreach>
        </select>


        <b>品牌搜尋:</b>
        <input type="text" name="brand_search" id="brand_search" style="width:120px;"/><button id='search_brand' style="width:60px;">搜尋</button>
        <script>
            $(function(){
                $('#search_brand').click(function(){
                    var search_brand = $("#brand_search").val();
                    $.ajax({
                        url:'__U__/Admin/Activity/getSearchBrand',
                        data:{'search_brand':search_brand},
                        success:function(data){
                            if(data.result == 1){
                                var content = data.data;
                                var html = '<option value="">-試用品牌-</option>';
                                var x;
                                for(x in content){
                                    html +='<option value='+content[x]["id"]+'>'+content[x]["brand_name"]+'</option>';
                                }
                                $('#brand_id').html(html);
                            }
                        },
                        dataType: "json"
                    });
                    return false;
                });
            });
        </script>

        對返回的json陣列的data項進行迴圈處理,將查詢的結果顯示在上面的下拉框中,整個過程完成了對json陣列的迴圈處理,返回顯示在頁面上

相關推薦

ajax返回json陣列處理方式

建立的資料庫: CREATE TABLE `try_brand` ( `id` smallint(6) NOT NULL AUTO_INCREMENT, `brand_name` varchar(15) CHARACTER SET utf32 NOT NULL CO

前端處理後端傳送的JSON陣列方式

-服務端傳送給前端的資料為JsonArray (Json陣列): ------------(前端處理Json陣列的方式)----------- var hospitalArr = json.hospitalNameArr; var opt = “請選擇醫院名稱”; for(var i = 0

對於ajax請求,後端不能直接返回頁面的處理方式

對於前後端分離的情況下,ajax請求在過濾器和攔截器中,都不能直接返回頁面,那麼應該怎麼處理呢?response.setContentType("application/json; charset=ut

SSM處理前端ajax傳送json陣列物件轉List

前端ajax請求 var datalist = new Array(); var object = new Object(); datalist.push(object); $.ajax({ type : "POST",

【JavaScript】jQuery+ajax傳遞json陣列(區域性響應處理

首先Json物件定義格式:var json = {"key1" : "value1", "key2" : "value2"}; 而json陣列定義格式:var json_array = [ {"key1" : "key_value1", "id1" : "id_value

ASP.NET Core Mvc中空返回值的處理方式

將他 not 返回值 postman 行為 期望 html onf net 原文地址:https://www.strathweb.com/2018/10/convert-null-valued-results-to-404-in-asp-net-core-mvc/ 作者:

python中post請求json資料且返回json資料處理

上篇講到以json形式傳送post請求。 此次為 post請求返回物件對json 時的處理辦法 請求 #請求 response = requests.post(url, data=json.dumps(pyload),headers=headers).text

ajax返回json格式資料

控制器中這樣寫 //刪除二維碼 public function shanchu() { $data = $_POST['a']; $shanchu = K::M('code/content')->shanchu($data); $returnData =

JAVA:Ajax返回json串取值undefined

問題: 向後臺插入一條訂單,插入成功,返回json串alert正常,但取值resMsg時提示undefined; 解決 方法一: 加入以下程式碼 方法二: 用以下程式碼處理result var obj;

spring mvc返回json字串的方式

 spring mvc返回json字串的方式 方案一:使用@ResponseBody 註解返回響應體 直接將返回值序列化json            優點:不需要自己再處理 步驟一:

servlet返回json陣列給jsp,jsp接受json陣列彈出顯示

後端servlet程式碼 ,返回json陣列到前端 //查詢出reader一條資料 Reader reader = readerService.getOneReader(reaReaderNum); PrintWriter out=resp.getWrit

AJAX返回JSON出現[object OBEJCT]解決方法及問題原因

$.ajax({ type:‘post’, async : true, //非同步請求(同步請求將會鎖住瀏覽器,使用者其他操作必須等待請求完成才可以執行) data:params, url:’…/aaa.action’, success:function(cal){ alert(cal);

spring+mybatis返回json日期處理(日期全域性處理相差8個小時解決方法)

日期全域性處理相差8個小時解決辦法: <mvc:annotation-driven> <mvc:message-converters> <bean class="org.spring

springMVC使用ajax返回json物件,用jquery進行解析.

今天學了springMVC使用ajax返回json物件,並在前臺頁面用jquery進行遍歷,大家看完了可以嘗試做一個簡單的二/三級聯動哦, 首先先導好spring+springMVC,jar包,這個大家都清楚,就不一一細列了,除外還需要匯入兩個json用的jar : ja

SpringMVC ajax傳遞json陣列到後臺報406錯誤的解決辦法

ajax傳陣列引數到後臺 報406錯誤,在@RequestMapping內加入produces="application/json;解決。(適用場景:批量刪除等操作) 栗子: @RequestMapp

ajax返回json資料,對其中日期的解析

JS 對其格式化 方法如下 function ChangeDateFormat(d){ //將時間戳轉為int型別,構造Date型別 var date = new Date(parse

jquery Ajax 返回JSON報錯: org.apache.struts2.json.JSONException: java.lang.reflect.InvocationTargetExce

   這個錯誤是因為我的Service層在注入Action的時候讓自動生成了Get、Set方法,問題就出在Get方法上。返回的JSON物件也將這個Get方法當作類實體的屬性來返回。 就會報錯:org.apache.struts2.json.JSONException: or

圖片選擇後,回撥返回json陣列字串,生成img標籤陣列到div下面。

// 圖片選擇 var selPic = function selectPic2() { Android.choosePic(3, 'selectPicCallback'); } function selectPicCallback(){ var

AJAX返回object日期處理

//ajax 日期轉換 function changeDateFormat(d) { //日期為空直接返回 if(!d){ return "" } //將時間戳轉為int型別,構造Date型別 var date = new Date(parseI

springMVC+ajax返回JSON

一、引言 本文使用springMVC和ajax做的一個小小的demo,實現將JSON物件返回到頁面,沒有什麼技術含量,純粹是因為最近專案中引入了springMVC框架,作為學習之用,不喜勿噴,歡迎