【发布时间】：2012-12-06 01:08:53
【问题描述】：
我有一个场景，我需要从我的客户端提供的外部 Web 应用程序中显示一些相当简单的数据（使用 JQUERY），该应用程序提供格式良好的 json（使用 jsonlint.com 验证）。这是我第一次使用 json，当我使用 dataType jsonp 和 LIVE url 时，在名称开头的第一个引号上出现“无效标签”错误：JSON 数据中的值对......但是当我复制它时相同的 json 并将其保存在本地并将 jsonp 更改为 json，它可以工作，我可以在 DOM 中以任何我想要的方式操作数据并完成我想要的。
我需要做什么才能让实时 URL json 工作？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JSON Test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
$.ajax({
type : 'GET',
//url : 'jsondata2.js',
url: 'http://.....' //MY LIVE URL HERE. NOTE, THE LOCAL FILE ABOVE THAT DOES WORK (JSON NOT JSONP) IS JUST A COPY/PASTE OF THE DATA THAT THIS URL DISPLAYS IN BROWSER. ,
dataType : 'jsonp',
success : function(jsonData) {
alert(jsonData.PropertyName);
},
error : function() {
alert('Error loading the JSON data');
}
});
</script>
</head>
<body></body>
</html>
这是json数据：
{
"PropertyID": 1468,
"PropertyName": "AG Test One",
"Listing Information": {
"Availability": "Not Specified",
"Pricing Information": "For Sale, Price: 1.00 (Set Price per Acre)"
},
"Location": {
"City": "ZZ",
"County": "ZZ Test County",
"Municipality": "Within City Limits",
"State": "SC",
"Tax Map ID": "123-123-123",
"ZipCode": "22222"
},
"Physical Details": {
"Certified Property": false,
"Minimum Divisible Acreage": 0,
"Site Comments": null,
"Site Improvements": "Forested",
"Surrounding Land Use": [
"North: Airport / Port / Intermodal Facility",
"South: Waterway (River / Lake)",
"East: Utility (Easements / Substations)",
"West: Correctional Facility"
],
"Total Site Size": 500,
"Zoning": null
},
"Transportation": {
"Barge Access": false,
"Name of Rail Carrier Providing Service": "None specified",
"Nearest Commercial Airport": "None Specified",
"Nearest Interstate": "None Specified",
"Nearest Sea Port": "None Specified",
"Railway Access": false,
"Runway Access": false
},
"Utilities": {
"Diameter of Waste Water Main": 0,
"Diameter of Water Main": 0,
"Distance To Electric Provider": 1,
"Distance to Natural Gas Provider": 0,
"Distance to Sewer Service": 0,
"Distance to Water Service": 0,
"Electric Provider": "Undetermined",
"Fire Insurance Rating": "1",
"Natural Gas Provider": null,
"Telecommunications Providers": null,
"Type of Sewer": "",
"Water Service Provider": "Undetermined",
"Water Water Service Provider": "Undetermined"
}
}
我也尝试了 getJSON 方法...并在本地和外部 url 场景中获得相同的结果：
$(document).ready(function() {
$.getJSON('jsondata2.js', function(data) {
//$.getJSON('SAME LIVE URL HERE....', function(data) {
var output = "<ul>";
output += "<li>" + data.PropertyName + "</li>";
output += "</ul>";
document.getElementById("placeholder").innerHTML = output;
});
});
【问题讨论】：