无法从Web URL读取Json数据

时间:2013-09-28 17:10:35

标签: jquery html ajax json

此链接返回json数据集http://nutri.de.imerchmedia.com/services/accounts 但是每当我使用jquery提取数据时,它都不会显示我的代码

$.getJSON( "http://nutri.de.imerchmedia.com/services/accounts", function(data ) {
$('#select').append("<option value='0' name='idsel'>Select Outlet</option>");
$.each(data, function (i, item) {
$('#select').append("<option value='" + item.outlet_group_id + "'>" +
item.outlet_group_name + " : " + item.outlet_group_code + "</option>");
});
});
<div id="content">
<?php
echo '<form method="POST">';
echo '<select id="select" name="id"></select>';
echo '<input type="submit" value="Submit" name="submit"/>';
echo '</form>';

if(isset($_POST['submit'])){
echo $_POST['id'];
}
?>
</div>

1 个答案:

答案 0 :(得分:1)

这是一个错误,更具体地说是同源错误

http://jsfiddle.net/gyTjL/

// had to post some code
$.get('http://nutri.de.imerchmedia.com/services/accounts').fail(function(a,b,c) { 
    // gives -> is not allowed by Access-Control-Allow-Origin. 
});

你不能向你自己以外的域发出ajax请求,除非使用JSONP,这不是真正的ajax,它插入脚本标签,但是jQuery使它看起来像ajax,或者你正在联系的服务器支持CORS。

否则,迭代似乎有效 - &gt; http://jsfiddle.net/gyTjL/1/