主頁 > 知識庫 > js對ajax返回?cái)?shù)組的處理介紹

js對ajax返回?cái)?shù)組的處理介紹

熱門標(biāo)簽:Linux服務(wù)器 服務(wù)器配置 Mysql連接數(shù)設(shè)置 阿里云 科大訊飛語音識別系統(tǒng) 團(tuán)購網(wǎng)站 銀行業(yè)務(wù) 電子圍欄

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

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

然后客戶端,通過js來進(jìn)行解析。

這樣問題就解決了!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ù)進(jìn)行解析

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

//進(jìn)入頁面就進(jìn)行的處理
        $.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ù)傳遞!

您可能感興趣的文章:
  • JS數(shù)組(Array)處理函數(shù)整理
  • 在javascript將NodeList作為Array數(shù)組處理的方法
  • 用Javascript數(shù)組處理多個字符串的連接問題
  • 在JavaScript中處理數(shù)組之reverse()方法的使用
  • 在Javascript中處理數(shù)組之toSource()方法的使用
  • JavaScript對象數(shù)組的排序處理方法
  • js 處理數(shù)組重復(fù)元素示例代碼
  • JS新手入門數(shù)組處理的實(shí)用方法匯總

標(biāo)簽:大理 廣元 江蘇 衢州 萍鄉(xiāng) 衡水 蚌埠 棗莊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《js對ajax返回?cái)?shù)組的處理介紹》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266