Jquery 使用jsonpajax读取文件
我试图从json文件中获取数据,但它无法返回任何内容。我对这个很陌生。这是一本书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
$.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);
});
}
});
}
});