原生js解析数据

解析JSON文件的方法

(1)先封装ajax文件

function ajaxFun(obj) {
        //1、创建请求对象
        var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
        //2、判断请求方法
        var method = obj.method.toUpperCase();
        if(method == 'GET') {
                xhr.open('GET', obj.url + '?' + obj.data, true)
                xhr.send(null);
        } else if(method == 'POST') {
                xhr.open('POST', obj.url, true);
                xhr.send(obj.data);
        } else {
                console.error('你请求的方式有误，必须是GET或POST中的一种')
        }
        //服务器返回情况
        xhr.onreadystatechange = function() {
                if(xhr.readyState == 4) {
                        if(xhr.status == 200) {
                                obj.successFun(xhr.responseText);
                        }else{
                                obj.failFun('请求有误')
                        }
                }
                
        }
}

2、写解析json文件的HTML 文件

    

    
            
            

                    
                    

                            
品牌ID
                            
品牌名称
                            
品牌Logo
                    

            
    

复制代码