原生ajax1

//
// 通过XMLHttpRequest，你可以很容易的取回一个URL上的资源数据，尽管名字里有XML ,但XMLHttpRequest可以取回所有类型的数据资源
// ，并不局限于XML。而且除了HTTP，它还支持file和ftp协议
// 因此不要局限于网络通信，他同样也可以做当前服务中的文件调用
// Open方法的参数主要包括
// DOMString method,
// DOMString url,
// optional boolean async
// optional DOMString user,
// optional DOMString password
// 请求所使用的HTTP方法；例如“GET”，“POST”，"PUT","DELETE"等，如果下个参数事非HTTP（S）的URL，则忽略该参数，
// 1，后面我们将会重点讲解GET和POST内容
// 2，如果获取的是非HTTP,该参数可以随便填写
// 使用ajax来请求本地文件
一，新建一个config.json的json文件
{
"p1":{"width":1920, "color":"red"},
"p2":{"width":1024,"color":"blue"},
"p3":{"width":1024,"color":"green"},
"p4":{"width":800,"color":"pink"},
"p5":{"width":400,"color":"yellow"}
}

/第二步，增加一个load/
var xhr = new XMLHttpRequest()
xhr.addEventListener("load", loadHandler);
//如果你请求的是本地文件，那么前面的methods是get还是post的是没有意义的， 所以随便写什么都没有意义
xhr.open("GET", "config.json");
xhr.send();

function loadHandler(e) {
    console.log(this.response);//因为请求的是本地文件，所以不需要服务器
}

这样我们便拿到到了，json文件，是一个黑色的字符串，我们需要使用json.parse把它转换一下。
var obj=JSON.parse(this.response);
这时候拿到的数据就成了一个对象。