• jquery Ajax获取本地json 以及xml文件


    $(function() {
    $("#Button1").click(function() { //按钮单击事件
    //打开文件,并通过回调函数处理获取的数据
    $.get("UserInfo.xml", function(data) {
    $("#divTip").empty(); //先清空标记中的内容
    var strHTML = ""; //初始化保存内容变量
    $(data).find("User").each(function() { //遍历获取的数据
    var $strUser = $(this);
    strHTML += "姓名:" + $strUser.find("name").text() + "<br>";
    strHTML += "性别:" + $strUser.find("sex").text() + "<br>";
    strHTML += "邮箱:" + $strUser.find("email").text() + "<hr>";
    })
    $("#divTip").html(strHTML); //显示处理后的数据
    })
    })

                  $(document).ready(function(){
                                  $('#button').click(function(){
                                                 $.ajax({
                                                     // var data={name:name,password:pass,uname:uname,......};
                                                      type:"get",
                                                    // url:"file.txt",
                                                       url:"http://115.28.175.148/test/geItemLlist.php",
                                                      data:'',
                                                    //jsonp:'callback',
                                                      dataType:"json",
                                                      success:function(data){
                                                                   //alert(data);
                                                                   var obj=eval(data);
                                                                  var file="<ul>";
                                                                       //i表示在data中的索引位置,n表示包含的信息的对象
                                                                   $.each(obj,function(i,n){
                                                                            file+="<li>"+"文件名"+n["block_name"]+"url:"+n["block_url"]+"文件描述" + n["block_desc"]+"<a href='#'>"+"下载"+"</a>"+"</li>";
                                                                  });
                                                                  file+="</ul>";
                                                                 $('#result').empty().append(file);
                                                                                 },
                                                             error: function(){
                                                                      alert('error');
                                                                   }
                                                               });
                                                                      return false;
                                                         });

    //$("#xmlclick").click(function () {
    // $("#xmlcontent").html('');
    // alert("aaaa");
    // $.ajax({
    // type: "GET",
    // url: "C:UsersAdministratorDownloads.xml12_12 (1).xml",
    // dataType: "xml",
    //error: function(){
    // alert('error');
    // },
    // success: function (ResponseText) {
    // alert(ResponseText);
    // var table = "<table border='1px'><tr><td>firstname</td><td>lastname</td><td>city</td></tr>";
    // $(ResponseText).find('friend').each(function () {
    // var first = $(this).find('firstName').text();
    // var last = $(this).find('lastName').text();
    //var city = $(this).find('city').text();
    // table += "<tr><td>" + first + "</td><td>" + last + "</td><td>" + city + "</td></tr>";
    // })
    //table += "</table>";
    // $("#message").append(table);
    // alert(ResponseText);
    // }
    // });
    // });

    });

  • 相关阅读:
    OAuth 2.0 访问新浪、腾讯的资源服务器
    OAuth 2.0 Authorization Code授权方式详解
    linux权限补充:rwt rwT rws rwS 特殊权限
    异步服务器框架设计
    vsftpd常规操作指南
    folly学习心得
    中国人口趋势(19902035)
    hbase系统搭建
    过载保护
    穷人和富人
  • 原文地址:https://www.cnblogs.com/lovedream/p/4088727.html
Copyright © 2020-2023  润新知