宝马娱乐在线112222 > 网络应用 > php taobao api开发入门篇

原标题:php taobao api开发入门篇

浏览次数:195 时间:2019-10-01

看到taobao api挺有意思的,顺便学习php教程

内容提纲:

http://open.taobao.com/

 

看了下api的调用方式,就是拼装url然后发送http请求,与服务器进行交互

1.XMLHttpRequest

具体原理看这里:http://open.taobao.com/dev/index.php/快速上手指南

 

 

2.GET与POST

看看官方demo,分使用与不使用sdk两种,本人不喜欢sdk,看不到后台实现的机制

 

看一下php不使用sdk的代码:http://open.taobao.com/dev/index.php/php%e8%b0%83%e7%94%a8%e7%a4%ba%e4%be%8b%e4%bb%a3%e7%a0%81

3.封装Ajax

 

 

util.php

 发文不易,转载请注明链接出处,谢谢!

里面有两个函数,一个生成md5签名的,一个组装url的

 

然后根据参数调用这两个函数,发送http请求,处理返回结果

 

 

 

原理大概弄懂了,复制粘贴运行一下吧

2005年Jesse James Garrett发表了一篇文章,标题为:“Ajax:A new Approach to Web Applications”。他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是Asynchronous JavaScript + XML的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新),会带来更好的用户体验。一时间,席卷全球。

粘好代码,运行。。。http 500错误。。。

 

 

 

这可为难了,我php也是初学啊,硬着头皮找错误吧

 

  1. util.php中两个函数的这句:if ($key != ' ' && $val != ' ') 少了其中的引号

  2. 主文件这句注释://沙箱环境调用地址 前面的空格有问题,删掉就可以了

一.XMLHttpRequest

。。。这官方demo也太搞笑了吧

 

 

Ajax技术核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性,后来其他浏览器供应商都提供了相同的实现。在XHR出现之前,Ajax式的通信必须借助一些hack手段来实现,大多数是使用隐藏的框架或内嵌框架。

终于能运行了,返回一堆乱七八糟的东西,跟api工具返回的完全不一样啊

 

http://my.open.taobao.com/apitools/apitools.htm

XHR的出现,为向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器获取更多的信息,这就意味着,用户只要触发某一事件,在不刷新网页的情况下,更新服务器最新的数据。

 

虽然Ajax中的x代表的是XML,但Ajax通信和数据格式无关,也就是说这种技术不一定使用XML。

 

 

 

IE7+、Firefox、Opera、Chrome和Safari都支持原生的XHR对象,在这些浏览器中创建XHR对象可以直接实例化XMLHttpRequest即可。

 

var xhr = new XMLHttpRequest();

 

alert(xhr);                                                        //XMLHttpRequest

 

 

 

如果是IE6及以下,那么我们必须还需要使用ActiveX对象通过MSXML库来实现。在低版本IE浏览器可能会遇到三种不同版本的XHR对象,即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0、MSXML2.XMLHttp.6.0。我们可以编写一个函数。

 

复制代码

 1 function createXHR() {

 2 

 3        if (typeof XMLHttpRequest != 'undefined') {

 4 

 5               return new XMLHttpRequest();

 6 

 7        } else if  (typeof ActiveXObject != 'undefined') {

 8 

 9               var versions = [

10 

11                                                                       'MSXML2.XMLHttp.6.0',

12 

13                                                                       'MSXML2.XMLHttp.3.0',

14 

15                                                                       'MSXML2.XMLHttp'

16 

17               ];

18 

19               for (var i = 0; i < versions.length; i ++) {

20 

21                      try {

22 

23                             return new ActiveXObject(version[i]);

24 

25                      } catch (e) {

26 

27                             //跳过

28 

29                      }

30 

31               }

32 

33        } else {

34 

35               throw new Error('您的浏览器不支持XHR对象!');

36 

37        }

38 

39 }

40 

41  

42 

43 var xhr = createXHR();

44 

45  

复制代码

 

 

在使用XHR对象时,先必须调用open()方法,它接受三个参数:要发送的请求类型(get、post)、请求的URL和表示是否异步。

 

xhr.open('get', 'demo.php', false);                        //对于demo.php的get请求,false同步

 

 

 

demo.php的代码如下:

 

<?php

 

      echo Date('Y-m-d H:i:s');      //打印一个时间

 

?>                        

 

open()方法并不会真正发送请求,而只是启动一个请求以备发送。通过send()方法进行发送请求,send()方法接受一个参数,作为请求主体发送的数据。如果不需要(如用get方式)则必须填null。执行send()方法之后,请求就会发送到服务器上。

 

xhr.send(null);                            //发送请求

 

PS:如果没有向服务器端发送,火狐firebug无发送提示,如果有send()方法,则firebug会提示已发送(到火狐中用FireBug调试)。

 

 

 

当请求发送到服务器端,收到响应后,响应的数据会自动填充XHR对象的属性。那么一共有四个属性:

 

 

 

属性名

 

说明

 

responseText

 

作为响应主体被返回的文本

 

responseXML

 

如果响应主体内容类型是"text/xml"或"application/xml",则返回包含响应数据的XML DOM文档

 

status

 

响应的HTTP状态

 

statusText

 

HTTP状态的说明

 

 

 

接受响应之后,第一步检查status属性,以确定响应已经成功返回。一般以HTTP状态代码为200作为成功的标志。除了成功的状态代码,还有一些别的状态码:

 

 

 

HTTP状态码

 

状态字符串

 

说明

 

200

 

OK

 

服务器成功返回了页面

 

400

 

Bad Request

 

语法错误导致服务器不识别

 

401

 

Unauthorized

 

请求需要用户认证

 

404

 

Not found

 

指定的URL在服务器上找不到

 

500

 

Internal Server Error

 

服务器遇到意外错误,无法完成请求

 

503

 

ServiceUnavailable

 

由于服务器过载或维护导致无法完成请求

 

 

 

一般来说,我们判断HTTP状态值即可,不建议使用HTTP状态说明(statusText),因为在跨浏览器的时候,可能会不太一致。

 

复制代码

 1 addEvent(document, 'click', function () {

 2 

 3        var xhr = new createXHR();

 4 

 5        xhr.open('get', 'demo.php?rand=' + Math.random(), false);  //设置了同步

 6 

 7        xhr.send(null);

 8 

 9        if (xhr.status == 200) {                              //如果返回成功了

10 

11               alert(xhr.responseText);                     //调出服务器返回的数据

12 

13        } else {

14 

15               alert('数据返回失败!状态代码:' + xhr.status + '状态信息:' + xhr.statusText);

16 

17        }

18 

19 });

复制代码

 

 

PS:通过点击事件,不断的向服务器发送请求,然后服务器会实时的返回最新的数据,就是Ajax功能。

 

PS:IE浏览器第一次会向服务器端请求,获取最新数据,而第二次它就默认获取的是缓存数据,导致数据不是最新的,怎么处理缓存?可以使用JS随机字符串:Math.random()。

 

 

 

以上的代码每次点击页面的时候,返回的时间都是实时的,说明都是通过服务器及时加载回的数据。那么我们也可以测试一下在非Ajax下的情况。

 

创建一个demo2.php文件,使用非Ajax:

 

复制代码

 1 <script type="text/javascript" src="base.js"></script>

 2 

 3 <script type="text/javascript">

 4 

 5        addEvent(document, 'click', function () {       //当不断点击页面,返回的时间不发生变化

 6 

 7               alert("<?php echo Date('Y-m-d H:i:s')?>");

 8 

 9        });

10 

11 </script>

复制代码

 

 

同步调用固然简单,但使用异步调用才是我们真正常用的手段。使用异步调用的时候,需要触发readystatechange事件,然后检测readyState属性即可。这个属性有五个值:

 

 

状态

 

说明

 

0

 

未初始化

 

尚未调用open()方法

 

1

 

启动

 

已经调用open()方法,但尚未调用send()方法

 

2

 

发送

 

已经调用send()方法,但尚未接受响应

 

3

 

接受

 

已经接受到部分响应数据

 

4

 

完成

 

已经接受到全部响应数据,而且可以使用

 

      

 

//异步方式

 

复制代码

 1 addEvent(document, 'click', function () {

 2 

 3        var xhr = new createXHR();

 4 

 5        xhr.onreadystatechange = function () {

 6 

 7               if (xhr.readyState == 4) {

 8 

 9                      if (xhr.status == 200) {

10 

11                             alert(xhr.responseText);

12 

13                      } else {

14 

15                             alert('数据返回失败!状态代码:' + xhr.status + '状态信息:'+ xhr.statusText);

16 

17                      }

18 

19               }

20 

21        };

22 

23        xhr.open('get', 'demo.php?rand=' + Math.random(), true);

24 

25        xhr.send(null);

26 

27        //xhr.abort();                //取消异步请求    

28 

29 });

30 

31  

复制代码

 

 

PS:使用abort()方法可以取消异步请求,放在send()方法之前会报错。放在responseText之前会得到一个空值。

 

 

 

二.GET与POST

 

在提供服务器请求的过程中,有两种方式,分别是:GET和POST。在Ajax使用的过程中,GET的使用频率要比POST高。

本文由宝马娱乐在线112222发布于网络应用,转载请注明出处:php taobao api开发入门篇

关键词:

上一篇:php debug 调试工具【宝马娱乐在线112222】

下一篇:没有了