• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
pengpenglin
乐于工作,享受生活。
博客园    首页    新随笔    联系   管理    订阅  订阅
javascript中ajax的使用

1.json格式:{"naU":[{"number":"111","names":"pengpeng"}]}  a.txt

javascript代码:

 if (window.xmlhttprequest) {
                var xmlrequest = new window.xmlhttprequest();
            }
            else {
                var xmlrequest = new ActiveXObject("microsoft.xmlhttp");
            }
            var url = "a.txt?t=" + new Date().getDate();
            xmlrequest.open("GET", url, true);

            xmlrequest.onreadystatechange = function () {
                if (xmlrequest.readystate == 4 && xmlrequest.status == 200) {
                    var result = xmlrequest.responsetext;
                    var json = eval("("+result+")");
                    alert(json.naU[0].number)  //111
                    //alert(xmlrequest.responsetext+ "show");
                }
            }
            xmlrequest.send(null);

 2.  {"naU":[{"number":"V006","names":"LiLei"},{"number":"V007","names":"meimei"},{"number":"V008","names":"LiLei"}]}

使用$.ajax()方法实现:

                $.ajax({
                    type: "GET",
                   contentType:"application/json",
                    url:"aaa.txt",
                    dataType: 'json',
                    success: function (data) {
                        alert(data.naU[1].number);//Voo6
                        $("body").append("<div>" + data + "</div>").css("color","red");
                    },
                    error:function(){
                        alert("the function have a problem");
                    }
                })

3.使用$.get()方法获取:

     $.get("aaa.txt",function(data){    
                    var json =eval( "(" + data + ")");
                    $("body").append("<div>" + json.naU[1].number + "</div>").css("color", "red");//Voo7
                })
            })
//data还是json格式的字符串,需要用eval()进行转换

 

posted on 2014-10-13 09:29  pengpenglin  阅读(164)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3