$(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文件的更多相关文章

  1. jquery+ajax获取本地json对应数据

    首先,记得导入jquery.js文件. json内容: var obj123=[        {"option":"2,3,9,14,19,24,32",&q ...

  2. jQuery ajax读取本地json文件

    jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex": ...

  3. 谷歌通过ajax获取本地JSON文件,为什么会显示跨域?转载的

    在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 谷 ...

  4. 谷歌通过ajax获取本地JSON文件,为什么会提示跨域?

    在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 下 ...

  5. 浏览器 chrome 360等 加载本地json 或者xml 文件

    添加启动参数 --allow-file-access-from-files 来自为知笔记(Wiz)

  6. .Net之使用Jquery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径

    前言: 首先对于图片上传而言,在我们的项目开发中可以说出现的频率是相当的高的.这篇文章中,我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存 ...

  7. SpringMVC 避免IE执行AJAX时,返回JSON出现下载文件

    <?xml version="1.0" encoding="UTF-8"?> <!-- SpringMVC配置文件 --> <be ...

  8. spring mvc 避免IE执行AJAX时,返回JSON出现下载文件

    <!-- 避免IE执行AJAX时,返回JSON出现下载文件 --> <bean id="mappingJacksonHttpMessageConverter" c ...

  9. Jquery Ajax方法传递json到action

    ajax向后台传入json需要设置option,如下 contentType:'application/json' data:Json.Stringify(jsObj) 后台处理复杂json对象(不知 ...

随机推荐

  1. Linux下错误的捕获:全局变量errno和strerror()

    经常在调用linux 系统api 的时候会出现一些错误,比方说使用open() write() creat()之类的函数有些时候会返回-1,也就是调用失败,这个时候往往需要知道失败的原因.这个时候使用 ...

  2. 安卓开发 想要获取某个View的高度(我是在做滚动浮层的时候用到的)

    1.activity中有个onWindowFocusChanged()方法,可以获取控件的大小,别的地方可能会调用过早导致获取不到实际的大小 @Override public void onWindo ...

  3. 使用SVN时出现的文件缺失问题

    使用SVN的童鞋们,可能有三种提交代码的方法: 第一种使用客户端(例如SVNX,CornerStone): 第二种使用Xcode提交(Source Control -> commit): 第三种 ...

  4. iOS代码实现九宫格

    #define ScreenW [UIScreen mainScreen].bounds.size.width #define ScreenH [UIScreen mainScreen].bounds ...

  5. JS编码解码

    一.定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码. 语法 encodeURI(URIstring) 参数 描述 URIstring 必需.一个字符串,含有 URI 或其他要 ...

  6. JDBC 工具类

    在Java编程过程中 我们需要连接数据库 所以数据库的连接和增删改查操作是非常基本的操作同时又非常的重要.同时在JDBC编程中 ,有很多的方法如更新个查找操作,我们可以对其进行封装,提高我们编码的效率 ...

  7. JS之函数表达式

    度过一个愉快短暂的周末,又可以开始学习了!我爱学习,学习使人进步.今天学习函数表达式,着重学习下闭包函数. 函数表达式 可以在定义的函数声明之前调用它,但是不能在定义函数表达式之前调用它 /** * ...

  8. JsonWriter使用

    Example: 拼一个如下的json格式String {    [        {            "id": 912345678901,            &quo ...

  9. 【openresty】获取post请求数据FormInputNginxModule模块

    关于openresty的一些介绍看这里. 首先,实验背景为openresty作为后台来处理前台post传递的数据. 在openresty内,有一个FormInputNginxModule模块,作用是解 ...

  10. 2、C语言关键字-auto register static

    文件限定符的作用: 1.auto : 局部变量,修饰的变量在栈中定义.动态内存,随着函数的结束,变量占用的内存空间也随之释放. 2.register : 寄存器变量,请求编译器将此变量存于cpu寄存器 ...