引言：
ajax異步傳輸，可以傳輸字符串，但是數(shù)組這樣的數(shù)據(jù)，就不太好傳遞了，這個(gè)時(shí)候怎么辦呢？
答案是可以通過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ù)組處理多個(gè)字符串的連接問題
- 在JavaScript中處理數(shù)組之reverse()方法的使用
- 在Javascript中處理數(shù)組之toSource()方法的使用
- JavaScript對象數(shù)組的排序處理方法
- js 處理數(shù)組重復(fù)元素示例代碼
- JS新手入門數(shù)組處理的實(shí)用方法匯總
