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

标签：des   http   io   ar   sp   文件   数据   div   on   

$(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:\Users\Administrator\Downloads.xml\12_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);
// }
// });
// });

});

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

标签：des   http   io   ar   sp   文件   数据   div   on   

原文地址：http://www.cnblogs.com/lovedream/p/4088727.html