豆瓣API使用介绍及通过ajax跨域获取url的json数据的方法

一、豆瓣API简介及快速入门:

例如想获取ID1220562的图书相关信息,则请求如下:

http://api.douban.com/v2/book/1220562,返回的为json,其中的信息包括

id;alt/rating(评分)/author/image/title/summary(简介)/attrs(包含一组jason数据,里面有出版社、出版日期、坐等、价格、书名、页数等等一些列信息)/tags

获取图书的信息,每个url都不同,可以到

http://developers.douban.com/wiki/?title=book_v2#get_book

查看相关url

使用get方式获取单挑API数据时方法如下:

GEThttps://api.douban.com/v2/book/17604305?fields=id,title,url

便可返回一端json数据

获取图书信息:

GEThttps://api.douban.com/v2/book/:id

根据ISBN获取信息:

GEThttps://api.douban.com/v2/book/isbn/:name

还有许多可以获取的信,都在豆瓣读书API中,找到对应的url即可

二、通过url读取json数据的方法

1、通过jqueryajax进行跨域

jQuery(document).ready(function(){
$.ajax({

type:"get",//jquey是不支持post方式跨域的

async:false,

url:"http://api.taobao.com/apitools/ajax_props.do",//跨域请求的URL

dataType:"jsonp",

//传递给请求处理程序,用以获得jsonp回调函数名的参数名(默认为:callback)

jsonp:"jsoncallback",

//自定义的jsonp回调函数名称,默认为jQuery自动生成随机函数

jsonpCallback:"success_jsonpCallback",

//成功获取跨域服务器上的json数据后,会动态执行这个callback函数

success:function(json){

alert(json);
}
});
});

2、通过getJson进行跨域读取数据

$.getJSON("http://api.taobao.com/apitools/ajax_props.do&jsoncallback=?",function(data){ alert(data); } );

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...