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请求,将响应返回给客户端就行了