欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js對ajax返回數(shù)組的處理介紹

 更新時間:2014年02月20日 09:05:16   作者:  
本篇文章主要是對js對ajax返回數(shù)組的處理進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助

引言:
ajax異步傳輸,可以傳輸字符串,但是數(shù)組這樣的數(shù)據(jù),就不太好傳遞了,這個時候怎么辦呢?

答案是可以通過json來處理,后臺將數(shù)據(jù)數(shù)據(jù)進行json編碼!

然后客戶端,通過js來進行解析。

這樣問題就解決了!json是一種很好的數(shù)據(jù)格式!

我做的是異步判斷某堂課是否處于上課狀態(tài),會從后臺接口中獲取數(shù)組數(shù)據(jù)!共四堂課,

代碼如下:

復(fù)制代碼 代碼如下:

function ajaxcheckedlessonsAction(){
        //3583 語文 8班
        //1500 語文 9班
        //2717 物理 8班
        //1612 物理 9班
        $whereLessons = array();
        $whereLessons['lessons.id IN(?)'] = array(3583, 1500, 2717, 1612);
        $daoLessons = new dao_lessons();
        $alllessons = $daoLessons->getLessons($whereLessons);
        //print_r($alllessons);exit;
        $lessonsChecked = array();
        foreach ($alllessons as $lessons) {
            if ($lessons['id'] == 3583) {
                $lessonsChecked['8yuwen'] = $this->verifyCheckedLessons($lessons['startime'], $lessons['endtime']);
            } elseif ($lessons['id'] == 1500) {
                $lessonsChecked['9yuwen'] = $this->verifyCheckedLessons($lessons['startime'], $lessons['endtime']);
            } elseif ($lessons['id'] == 2717) {
                $lessonsChecked['8wuli'] = $this->verifyCheckedLessons($lessons['startime'], $lessons['endtime']);
            } elseif ($lessons['id'] == 1612) {
                $lessonsChecked['9wuli'] = $this->verifyCheckedLessons($lessons['startime'], $lessons['endtime']);
            }
        }
        $json = json_encode($lessonsChecked);
        echo $json;
    }

接口處理數(shù)據(jù),將數(shù)據(jù)json化,

前臺對json數(shù)據(jù)進行解析

復(fù)制代碼 代碼如下:

//進入頁面就進行的處理
        $.ajax({
            type: "POST",
            url:"/default/index/ajaxcheckedlessons",
            data:"",
            success:function(response){
                if(response){
                    var data = eval('('+response+')');
                    if(data['8yuwen']){
                      $("#8yuwen").attr("style","color:red;");
                    }else{
                      $("#8yuwen").attr("style",""); 
                    }
                    if(data['8wuli']){
                      $("#8wuli").attr("style","color:red;");
                    }else{
                      $("#8wuli").attr("style",""); 
                    }
                    if(data['9yuwen']){
                      $("#9yuwen").attr("style","color:red;");
                    }else{
                      $("#9yuwen").attr("style",""); 
                    }
                    if(data['9wuli']){
                      $("#9wuli").attr("style","color:red;");
                    }else{
                      $("#9wuli").attr("style",""); 
                    }
                }else{
                    alert("error");
                }
            }
        });

紅色部分就是json的核心代碼。

這樣就完成了數(shù)組的處理!異步數(shù)組數(shù)據(jù)傳遞!

相關(guān)文章

  • 談?wù)凙jax原理實現(xiàn)過程

    談?wù)凙jax原理實現(xiàn)過程

    Asynchronous javascript and xml(ajax),實現(xiàn)了客戶端與服務(wù)器進行數(shù)據(jù)交流過程。使用技術(shù)的好處是:不用頁面刷新,并且在等待頁面?zhèn)鬏敂?shù)據(jù)的同時可以進行其他操作
    2015-11-11
  • 基于原生ajax與封裝的ajax使用方法(詳解)

    基于原生ajax與封裝的ajax使用方法(詳解)

    下面小編就為大家?guī)硪黄谠鷄jax與封裝的ajax使用方法(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法

    Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法

    在做一個需要用到echarts地圖的項目的時候,成功通過ajax獲取到了后臺提供的數(shù)據(jù),并生成了想要的JSON串。但是,放到echarts option.series[0].data里,獲取不到數(shù)據(jù)。在生成的地圖上無法看到你從后臺獲取到的值,下面小編給大家分享我的解決辦法,需要的朋友參考下
    2016-01-01
  • Ajax的使用四大步驟

    Ajax的使用四大步驟

    ajax(異步j(luò)avascript xml) 能夠刷新局部網(wǎng)頁數(shù)據(jù)而不是重新加載整個網(wǎng)頁。接下來通過本文給大家介紹Ajax的使用四大步驟,非常不錯,感興趣的朋友看下吧
    2016-07-07
  • 解決微信返回上一頁,頁面中的AJAX的請求,對Get請求無效的問題

    解決微信返回上一頁,頁面中的AJAX的請求,對Get請求無效的問題

    這篇文章給大家介紹微信返回上一頁,頁面中的AJAX的請求,對Get請求無效的問題分析及解決方法,需要的朋友參考下
    2017-01-01
  • ajax三級聯(lián)動的實現(xiàn)方法

    ajax三級聯(lián)動的實現(xiàn)方法

    這篇文章主要為大家詳細介紹了ajax三級聯(lián)動的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • AJAX應(yīng)用中必須要掌握的重點知識(分享)

    AJAX應(yīng)用中必須要掌握的重點知識(分享)

    下面小編就為大家?guī)硪黄狝JAX應(yīng)用中必須要掌握的重點知識(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • ajax中文亂碼的各種解決辦法總結(jié)

    ajax中文亂碼的各種解決辦法總結(jié)

    下面總結(jié)了在不同編程語言中出現(xiàn)ajax中文亂碼的各種解決辦法,下面有需要的朋友可參考一下
    2012-09-09
  • AJAX客戶端說明,XMLHttpRequest對象

    AJAX客戶端說明,XMLHttpRequest對象

    AJAX客戶端說明,XMLHttpRequest對象...
    2007-01-01
  • 如何封裝一個Ajax函數(shù)

    如何封裝一個Ajax函數(shù)

    這篇文章主要介紹了如何封裝一個Ajax函數(shù),幫助大家更好的理解和學(xué)習(xí)網(wǎng)絡(luò)編程,感興趣的朋友可以了解下
    2021-05-05

最新評論