在面向api的系统设计思维指导下，开发一【作者：唐霜】转载请注明出处：www.tangshuang.net套通用的，遵循restful风格的api原创内容，盗版必究。【本文受版权保护】系统，提供给多终端使用已经是开发的一个趋著作权归作者所有，禁止商业用途转载。【转载请注明来源】势。首先，api遵循restful风格（未经授权，禁止复制转载。【作者：唐霜】规范）可以让项目在大家都认同的风格上去撰转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。写，无论哪一位程序员接手项目，都可以很快本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。解决对项目的熟悉度问题。其次，系统统一像【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。外提供api，实现跨终端的接口接入，可以未经授权，禁止复制转载。【未经授权禁止转载】只写一套api文档，就可以为安卓、ios著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】、web端的开发人员服务。除了一些敏感的【未经授权禁止转载】未经授权，禁止复制转载。后台管理员操作，我在用户数据获取、操作这原创内容，盗版必究。未经授权，禁止复制转载。块，全部采用api来实现。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】

在web开发中，如果让webapp去请求【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】我们上述的api，就要思考这种通信的机制著作权归作者所有，禁止商业用途转载。【转载请注明来源】问题。在原来的做法中，web界面通过请求【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net一个自己域名下的url，而在这个url的【未经授权禁止转载】未经授权，禁止复制转载。背后，用一个php去构建一个curl或f本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。sockopen，从而实现与api的交互【作者：唐霜】未经授权，禁止复制转载。。或者通过jsonp的方式，在请求的时候【本文受版权保护】转载请注明出处：www.tangshuang.net，在javascript中多写一个回调函【作者：唐霜】本文作者：唐霜，转载请注明出处。数来进行处理。但是，这些方法都相对比较麻本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】烦，并不直观。

【本文受版权保护】【本文受版权保护】【关注微信公众号：wwwtangshuangnet】

从restful的设计上来讲，一套好的a【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。pi，应该是可访问没有阻碍的。也就是说作【转载请注明来源】【版权所有】唐霜 www.tangshuang.net为客户端开发，并不需要在开发交互的过程中著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。，另外再去开发一套交互机制，而应该是通过原创内容，盗版必究。转载请注明出处：www.tangshuang.net本身拥有的机制就可以实现的交互。比如jq【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】uery提供了$.ajax的方法，便提供原创内容，盗版必究。未经授权，禁止复制转载。给了开发者最便捷的配置。我们来看下它的实未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。际操作例子：

【原创内容，转载请注明出处】【版权所有，侵权必究】

$.ajax({
  url: url,
  type: 'POST',
  data: {id:id},
  dataType: 'json',
  success: function(data) {},
  error: function(XMLHttpRequest, textStatus, errorThrown) {},
  complete: function(XMLHttpRequest, textStatus) {}
});

在restful风格的api设计中，与以【版权所有，侵权必究】【本文受版权保护】往最明显的不同就是，通过http1.0版原创内容，盗版必究。本文作者：唐霜，转载请注明出处。本所提供的GET、POST、PUT、DE本文版权归作者所有，未经授权不得转载。【转载请注明来源】LETE来表示获取、创建、更新、删除四个【本文首发于唐霜的博客】【原创不易，请尊重版权】基本动作，在对某个资源进行操作时，无需再【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。提供操作的动作关键词，即可完成。所以，上【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。面代码中的type:’POS【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】T’，可以换成type:&#转载请注明出处：www.tangshuang.net【本文受版权保护】8217;PUT’或者typ【未经授权禁止转载】【未经授权禁止转载】e:’DELETE̵著作权归作者所有，禁止商业用途转载。【转载请注明来源】7;来表示不同的操作类型。

【原创不易，请尊重版权】【转载请注明来源】

当然，为了简洁开发，也可以将$.ajax未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】使用便捷的$.get、$.post：

本文作者：唐霜，转载请注明出处。【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net

$.post(url,data,success(data){},'json').error(function(XMLHttpRequest, textStatus, errorThrown){});

它们的效果其实是一样的。

未经授权，禁止复制转载。【转载请注明来源】未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。

dataType:’json未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net’则相当于在http请求的头【原创内容，转载请注明出处】未经授权，禁止复制转载。部设置了Accept字段，要求api返回【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】对应的资源类型。比如我们还可以更换为：d【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netataType:’xml&#【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net8217;或dataType:̵【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】7;html’。

【转载请注明来源】本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net

而success则是在api返回2xx状【版权所有，侵权必究】原创内容，盗版必究。态码时的响应，error则是返回4xx、【未经授权禁止转载】原创内容，盗版必究。5xx时的响应。这和我们在api开发时，【版权所有，侵权必究】【未经授权禁止转载】提供准确的http状态码一一对应，可以说【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】是restful的最佳实践基础。

原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】

总之$.ajax帮我们完成了javasc原创内容，盗版必究。【未经授权禁止转载】ript端发出http请求的基本操作，我【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。们没有理由再用一些复杂的方法去重新构建一【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net套web和api的交互机制。

【原创内容，转载请注明出处】未经授权，禁止复制转载。【转载请注明来源】

接下来就是跨域问题，众所周知，$.aja【关注微信公众号：wwwtangshuangnet】【作者：唐霜】x在请求跨域名资源时，会出于安全考虑被服未经授权，禁止复制转载。原创内容，盗版必究。务端拒绝。有没有什么办法可以让服务端可以【版权所有，侵权必究】转载请注明出处：www.tangshuang.net允许有条件的跨域呢？我们在api端的ph【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】p代码中，加入如下代码：

【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】【原创内容，转载请注明出处】【版权所有，侵权必究】

header('Access-Control-Allow-Origin:http://webapp.yourdomain.com');
header('Access-Control-Allow-Headers:X-Requested-With');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE');

在php的响应头部加入上述的规则之后，a【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。pi允许来自webapp域名的跨域请求，原创内容，盗版必究。原创内容，盗版必究。请求的模式仅包括GET、PUT、POST【本文受版权保护】【转载请注明来源】、DELETE四种。

转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】【原创内容，转载请注明出处】

如此一来，在webapp的开发中，就可以著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。无障碍的使用$.ajax进行api的交互【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。了。

著作权归作者所有，禁止商业用途转载。【转载请注明来源】【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】

相关文章：

【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】【转载请注明来源】

• jquery ajax 请求中多出现一次原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】OPTIONS请求及其解决办法
【本文首发于唐霜的博客】【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】