PHP传递通过AJAX传递JSON对象数组到前台，前台解析，遍历JSON

Posted 2020-10-10

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"]);

　}