JQ操作JSON求教解决方案

2013-07-09

JQ操作JSON求教本帖最后由 zhhjon 于 2013-06-28 11:36:30 编辑1.asp 显示如下[{显示顺序: 1,姓名:

JQ操作JSON求教
本帖最后由 zhhjon 于 2013-06-28 11:36:30 编辑 1.asp 显示如下


[
    {
        "显示顺序": 1,
        "姓名": "张三",
        "办公室电话": "12345678",
        "手机": "13999999999",
        "邮箱": "zs@163.com",
        "所在单位": null,
        "所在部门": "第一部门",
        "办公地点": null,
        "岗位": "第一岗位"
    },
    {
        "显示顺序": 2,
        "姓名": "李四",
        "办公室电话": "87654321",
        "手机": "13333333333",
        "邮箱": "ls@163.com",
        "所在单位": null,
        "所在部门": "第二部门",
        "办公地点": null,
        "岗位": "第二岗位"
    }
]

1.htm中有这个文件


$.getJSON('1.asp', function(data) {
  var items = [];
  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });
  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});

到底是怎么用的？
这两个文件不再一个域
我尝试了很久都不行，求教！ JSON JavaScript jQuery
[解决办法]


 $.getJSON('ajax/test.json', function (data) { 
 
                var items = [];
                $.each(data, function (i, item) {
                    items.push('<li id="' + item.Value + '">' + item.Text + '</li>');
                });
                $('<ul/>', {
                    'class': 'my-new-list',
                    html: items.join('')
                }).appendTo('body');
            });

[解决办法]
如果都是你可以控制的站点
修改接口，给客户端返回
callbackName+"("+jsonData+")"
这样的数据，其中callbackName的值来自地址栏参数callback
接口这样写，就可以支持jquery的jsonp方式
$.ajax({
    url:'.../1.asp',
    dataType:'jsonp',
    success:function(res){
        console.log(res);
    }
});

如果1.asp不在你控制之下，就只能尝试在自己站点的服务端向这个地址发起http请求，将响应返回给客户端就行了

热点排行