PHP傳遞通過AJAX傳遞JSON對象數組到前台，前台解析，遍歷JSON

PHP后台接網易接口

header("Content-Type:text/html;charset=utf-8");
//從文件讀取數據
//$json_str =file_get_contents("wangyiData.json");
$str =file_get_contents("http://c.m.163.com/nc/article/list/T1348647853363/0-20.html");
echo $str;


通過AJAX傳到前台，封裝原生JS

//1.type 請求方式post，還是get
//2.請求URL地址
//3.參數 (對象)
//4.回調函數
//5.同步還是異步
//請求方式 請求url地址 參數：是一個對象 回調函數 同步異步
function ajax(type,url,par,fn,async) {
    //判斷請求方式是否合法
    //因為傳入可能會有大寫或小寫，統一轉化為大寫，方便驗證
    type =type.toUpperCase();
    //判斷合法性
    if(type != "GET" && type !="POST"){
        console.error("請求方式不合法");
        return;
    }
    var ajaxObj;
    //判斷瀏覽器類型，創建ajax對象
    if(window.XMLHttpRequest){
        ajaxObj =new XMLHttpRequest();
    }else {
        ajaxObj =new ActiveXObject("Microsoft.XMLHTTP");
    }
    //處理參數
    var data ="";
    for(var prop in par){
        data += prop +"="+par[prop]+"&";
    }
    data =data.substr(0,data.length-1);
    if(type =="GET"){
        url +="?" +data;
    }
    //調用open
    ajaxObj.open(type,url,async);
    if(type =="POST"){
        ajaxObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        ajaxObj.send(data);
    }else{
        //get
        ajaxObj.send();
    }
    //監聽數據返回，通過回調函數通知用戶 異步
    ajaxObj.onreadystatechange =function () {
        if(4 ==ajaxObj.readyState &&200 ==ajaxObj.status){
            fn(ajaxObj.responseText);
        }
    }
}

前台JS解析JSON遍歷JSON對象數組

var data = JSON.parse(res);

for(var i in data){
    for(var j in data[i]){
　　data.[i][j]["xxxx"];
}

另外一個遍歷方式

var data = JSON.parse(res);
var headArr = data["T1348647853363"];

 

for (var i= 2; i < headArr.length; i++){

　　console.log(headArr[i]["xxxx"]);

　}