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ù)！共四堂課，
代碼如下：
復制代碼 代碼如下:
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ù)進行解析
復制代碼 代碼如下:
//進入頁面就進行的處理
$.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ù)傳遞！
相關文章
通過Ajax進行Post提交Json數(shù)據(jù)的方法
下面小編就為大家分享一篇通過Ajax進行Post提交Json數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
今天最早遇到一個脫離平臺，單獨給用戶定制開發(fā)的關于狀態(tài)管理的功能局部刷新出現(xiàn)亂碼的情況，仔細查了下代碼發(fā)現(xiàn)并無特殊之處，charset統(tǒng)一使用GB18030，ajax傳遞參數(shù)使用默認UTF-8，對傳遞的中文信息手動轉碼。2009-05-05
看了下面的函數(shù)說明，大家就可以簡單的了解ajax的原理了。2009-07-07
本文給大家介紹了ajax實現(xiàn)跨域訪問的3種解決方案，非常的實用，個人比較推薦第三種，小伙伴們可以著重看下。2015-06-06
一提到異步交互大家就會說ajax,仿佛ajax這個技術已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對象2016-01-01
本文主要講解了如何去解決AJAX跨域的問題，從跨域的簡單原理到JONP實現(xiàn)模式詳細的講解整個解決方案，最后利用jQuery可以很方便的實現(xiàn)JSONP來進行跨域訪問。2015-09-09
本文通過實例代碼給大家介紹了AJAX應用實例之檢測用戶名是否唯一，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-09-09
Ajax.基礎教程 電子書版 提供下載...2007-02-02
Ajax返回數(shù)據(jù)之前的loading等待效果
我們通過ajax請求，向后臺傳遞參數(shù)，然后后臺經(jīng)過一系列的運算之后向前臺返還數(shù)據(jù)，我希望在等待數(shù)據(jù)成功返還之前可以展示一個loading.gif圖。接下來通過本文給大家分享Ajax返回數(shù)據(jù)之前的loading等待效果,需要的朋友可以參考下2017-08-08
JavaScript操作表單_動力節(jié)點Java學院整理
用JavaScript操作表單和操作DOM是類似的，因為表單本身也是DOM樹。下面通過本文給大家介紹JavaScript操作表單的相關知識，感興趣的朋友一起看看吧2017-06-06