一 json数据 创建json 文本json.txt
- {
- userName: "nihao",
- sex: "male",
- age: "23"
- }
二 创建Ajax请求
- function createXMLHttpRequest() {
- var req;
- if (window.XMLHttpRequest) {
- req = new XMLHttpRequest();
- }else if (window.ActiveXObject) {
- req = new ActiveXObject("Microsoft.XMLHTTP");
- }
- return req;
- }
三 页面异步读取json
- <script type="text/javascript">
- var req = createXMLHttpRequest();
- function startRequest(){
- try{
- req.onreadystatechange = handleStateChange;
- req.open("GET", "json.txt", true);
- req.send(null);
- }catch(exception){
- alert("");
- }
- }
- function handleStateChange(){
- if(req.readyState == 4){
- if (req.status == 200 || req.status == 0){
- // 取得返回字符串
- var resp = req.responseText;
- // 构造返回JSON对象的方法
- var func = new Function("return " + resp);
- // 得到JSON对象
- var json = func( );
- // 显示返回结果
- alert("userName: " + json.userName + " " + "sex: " + json.sex + " " + "age: " + json.age);
- }
- }
- }
- </script>