淘宝抵价券自动充值的实现
原始需求：
一饮料商家在瓶盖上印了6000万个随机码（字符+数字），同时，这6000万个编码保存在数据表中。
淘宝抵价券表，保存了一定量的淘宝抵价券编码。
用户把瓶盖上的随机码在广告页面上输入提交（需要先登录淘宝网），验证是否合法（6000万之一），如果合法，淘宝系统为其充值10元抵价券。
充值结果提示信息需要显示在客户的广告页面上，而不能在淘宝的网站上。
网络环境及其他：
1、淘宝网抵价券充值页面地址：http://auction1.taobao.com/auction/coupon/validate_exchange.htm
2、上面页面提交的action地址：http://auction1.taobao.com/auction/coupon/validate_exchange.htm?action=coupon%2Fapply_exchange_action&event_submit_do_winkey_apply=anything
3、充值之前需要先登录淘宝网。
4、广告页面的域名是pro.taobao.com,和淘宝网可以共享cookie
5、广告页面服务器不能访问充值页面，即pro.taobao.com和auction1.taobao.com物理上不通。（ 起初并不知道该限制）
实现方案：
一、用户提交随机码，到action上验证，如果通过，从淘宝抵价券表中读取一个抵价券编码，再通过Http模仿post提交到抵价券充值action。
很快，该方案被否决。因为服务器端没办法模仿用户的登录相关信息。
二、让淘宝那边重新开发一个接口，不验证用户是否登录。pro服务器传送淘宝nickname和抵价券编码给该接口，实现充值。
由于淘宝的开发上线周期限制，开发起来恐怕来不及。
后来了解到一个更加严重的信息：广告页面服务器不能访问充值页面，即pro.taobao.com和auction1.taobao.com物理上不通。
彻底否定了在服务器端Post请求的方案。
--------------------------------------------------------------------------------------------------------------------------------------------------------
期间了解到淘宝还有个现成xfire的webservice接口可以用，网络上也是OK的，调试了一个2个小时，虽然通了。但是由于某些限制，最终还是没法用。
--------------------------------------------------------------------------------------------------------------------------------------------------------
一边是走不通的路，一边是客户已经签订了的合同。
期间，对方产品经理说了一句话：既然在服务器端走不通，为什么不在客户端做呢？还说什么用iframe可以实现。
好像有点眉目，跟对方说，给我2个小时，我回去试试。
想到可以通过ajax提交一个post请求。
10分钟后，拼好代码，出现个错误：不能跨域进行提交。
无语！pro.taobao.com和auction1.taobao.com居然被认为是二个不同的域。
于是网上查找ajax跨域提交的解决办法。貌似网上很多此类的解决办法。
同时研究了提交充值的action，发现通过Get方法也可以进行充值，把form里面的参数加到url后面就是：
http://auction1.taobao.com/auction/coupon/validate_exchange.htm?action=coupon%2Fapply_exchange_action&event_submit_do_winkey_apply=anything& encash=winkey&winkey=抵价券编码
红色部分就是form里面的参数。
果然可以，这样就可以在服务器端验证瓶盖编码，然后读取一个抵价券编码返回给客户端。客户端做个重定向到上面的URL。
还有个限制，客户想看到结果提示信息在自己的广告页面上，而非在淘宝的页面上。那么就需要把重定向的结果给屏蔽了。用什么？iframe
上面代码在load后会根据充值结果alert出相关的成功或者错误信息。能不能去掉呢？貌似没办法。
把<iframe src='' id="chargeUrl" />改成<img src='' id="chargeUrl" /> 搞定。
绕了一个大圈，最后用了一个最简单的办法解决。
出门就选错方向，进了个死胡同！
一饮料商家在瓶盖上印了6000万个随机码（字符+数字），同时，这6000万个编码保存在数据表中。
淘宝抵价券表，保存了一定量的淘宝抵价券编码。
用户把瓶盖上的随机码在广告页面上输入提交（需要先登录淘宝网），验证是否合法（6000万之一），如果合法，淘宝系统为其充值10元抵价券。
充值结果提示信息需要显示在客户的广告页面上，而不能在淘宝的网站上。
网络环境及其他：
1、淘宝网抵价券充值页面地址：http://auction1.taobao.com/auction/coupon/validate_exchange.htm
2、上面页面提交的action地址：http://auction1.taobao.com/auction/coupon/validate_exchange.htm?action=coupon%2Fapply_exchange_action&event_submit_do_winkey_apply=anything
3、充值之前需要先登录淘宝网。
4、广告页面的域名是pro.taobao.com,和淘宝网可以共享cookie
5、广告页面服务器不能访问充值页面，即pro.taobao.com和auction1.taobao.com物理上不通。（ 起初并不知道该限制）
实现方案：
一、用户提交随机码，到action上验证，如果通过，从淘宝抵价券表中读取一个抵价券编码，再通过Http模仿post提交到抵价券充值action。
很快，该方案被否决。因为服务器端没办法模仿用户的登录相关信息。
二、让淘宝那边重新开发一个接口，不验证用户是否登录。pro服务器传送淘宝nickname和抵价券编码给该接口，实现充值。
由于淘宝的开发上线周期限制，开发起来恐怕来不及。
后来了解到一个更加严重的信息：广告页面服务器不能访问充值页面，即pro.taobao.com和auction1.taobao.com物理上不通。
彻底否定了在服务器端Post请求的方案。
--------------------------------------------------------------------------------------------------------------------------------------------------------
期间了解到淘宝还有个现成xfire的webservice接口可以用，网络上也是OK的，调试了一个2个小时，虽然通了。但是由于某些限制，最终还是没法用。
--------------------------------------------------------------------------------------------------------------------------------------------------------
一边是走不通的路，一边是客户已经签订了的合同。
期间，对方产品经理说了一句话：既然在服务器端走不通，为什么不在客户端做呢？还说什么用iframe可以实现。
好像有点眉目，跟对方说，给我2个小时，我回去试试。
想到可以通过ajax提交一个post请求。
10分钟后，拼好代码，出现个错误：不能跨域进行提交。
无语！pro.taobao.com和auction1.taobao.com居然被认为是二个不同的域。
于是网上查找ajax跨域提交的解决办法。貌似网上很多此类的解决办法。
同时研究了提交充值的action，发现通过Get方法也可以进行充值，把form里面的参数加到url后面就是：
http://auction1.taobao.com/auction/coupon/validate_exchange.htm?action=coupon%2Fapply_exchange_action&event_submit_do_winkey_apply=anything& encash=winkey&winkey=抵价券编码
红色部分就是form里面的参数。
果然可以，这样就可以在服务器端验证瓶盖编码，然后读取一个抵价券编码返回给客户端。客户端做个重定向到上面的URL。
还有个限制，客户想看到结果提示信息在自己的广告页面上，而非在淘宝的页面上。那么就需要把重定向的结果给屏蔽了。用什么？iframe
<script language="javascript">
function charge(){
var url = http://auction1.taobao.com/auction/coupon/validate_exchange.htm?action=coupon%2Fapply_exchange_action&event_submit_do_winkey_apply=anything&encash=winkey&winkey=抵价券编码
document.getElementById("chargeUrl").src = url;
}
</script>
<iframe src='' id="chargeUrl" />
<body onload="charge();">
</body>
上面代码在load后会根据充值结果alert出相关的成功或者错误信息。能不能去掉呢？貌似没办法。
把<iframe src='' id="chargeUrl" />改成<img src='' id="chargeUrl" /> 搞定。
绕了一个大圈，最后用了一个最简单的办法解决。
出门就选错方向，进了个死胡同！