Jquery 使用jsonpajax读取文件

Jquery 使用jsonpajax读取文件,jquery,ajax,jsonp,Jquery,Ajax,Jsonp,我试图从json文件中获取数据,但它无法返回任何内容。我对这个很陌生。这是一本书 $.ajax({ 键入:“GET”, 网址:'http://sunrise.bluechipholidays.co.uk/webservices/property/availability/apikey/demo/propertycode/ha01/date/2012-05-01/nights/5/echo/html', 数据类型:“jsonp”, 成功:函数(json){ var result=''+json.b

我试图从json文件中获取数据,但它无法返回任何内容。我对这个很陌生。这是一本书

$.ajax({
键入:“GET”,
网址:'http://sunrise.bluechipholidays.co.uk/webservices/property/availability/apikey/demo/propertycode/ha01/date/2012-05-01/nights/5/echo/html',
数据类型:“jsonp”,
成功:函数(json){
var result=''+json.bookable+''+
“语言:”+json.price+“

”+ “追随者:”+json.available+”

”; $('#test')。追加(结果); } });
非常感谢

试试看

<input class="datepicker" />
<div id="test"></div>

然后

$('.datepicker').datepicker({
onSelect:功能(日期){
$.ajax({
键入:“GET”,
网址:'http://sunrise.bluechipholidays.co.uk/webservices/property/availability/apikey/demo/propertycode/ha01/date/“+$.datepicker.formatDate”($年-月-日),$(this.datepicker('getDate'))+”/nights/5/echo/html',
成功:函数(json){
$.each(json.data,函数(\ux,json){
var result=''+json.bookable+''+
“语言:”+json.price+“

”+ “追随者:”+json.available+”

”; $('#test').html(结果); }); } }); } });

演示:

上述资源似乎不支持JSONP,但服务器似乎支持CORS,如果您只想支持现代浏览器(IE>=10),那么您可以使用它,这很好,谢谢,非常好,你知道如何整合一个日期选择器来将url更改为日期特定的吗?那太好了,非常感谢你为我节省了这么多时间-非常有意义现在你帮了我这么多谢谢你-最后一件事。。您将如何将json的默认返回值从“真”或“假”更改为“是”或“否”?是否可以轻松添加住宿夜数,以便他们可以选择日期和希望停留多长时间?
<input class="datepicker" />
<div id="test"></div>
$('.datepicker').datepicker({
    onSelect: function (date) {
        $.ajax({
            type: 'GET',
            url: 'http://sunrise.bluechipholidays.co.uk/webservices/property/availability/apikey/demo/propertycode/ha01/date/' + $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate')) + '/nights/5/echo/html',
            success: function (json) {
                $.each(json.data, function (_, json) {
                    var result = ' <h3> ' + json.bookable + ' </h3>' +
                        '<p>Languages: ' + json.price + '</p> ' +
                        ' <p> Followers: ' + json.available + ' </p>';
                    $('#test').html(result);
                });
            }
        });
    }
});