官方文档： https://developers.facebook.com/docs/reference/dialogs/pay/

<html xmlns="http://www.w3.org/1999/xhtml"

      xmlns:fb="https://www.facebook.com/2008/fbml">

  <head>

    <title>Facebook Credits Demo</title>

  </head>

  <body>

    <h2>Buy something...</h2>

    <button onclick="buy()">Buy</button>

    <div id="fb-ui-return-data"></div>

    <div id="fb-root"></div>

    <script src="http://connect.facebook.net/en_US/all.js"></script>

    <script>

      FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});　　　　// 这里初始化FB的接口，接入你的应用

      // The dialog only opens if you've implemented the

      // Credits Callback payments_get_items.

      function buy() {

        var obj = {

          method: 'pay',　　　　　　　　　　// FB.UI调用的弹窗类型。这里定义为支付弹窗

          action: 'buy_item',　　　　　　　// 支付的动作。其他为 buy_item（买商品）, buy_credits（买平台币）, earn_credits（赚取平台币）, earn_currency.

          // You can pass any string, but your payments_get_items must

          // be able to process and respond to this data.

          order_info: {'item_id': '1a'},　　// 买商品的话是商品的信息

          dev_purchase_params: {'oscif': true}　　// 这里不太清楚，好像是商品的价格是否用当地的货币价显示

        };

        FB.ui(obj, js_callback);　　　　//　FB的UI调用，obj为参数，js_callback为回调函数

      }

      // This JavaScript callback handles FB.ui's return data and differs

      // from the Credits Callbacks.

      var js_callback = function(data) {

        if (data['order_id']) {　　　　　　// 当订单成功的时候，会返回商品在FB平台的商品id

          // Facebook only returns an order_id if you've implemented

          // the Credits Callback payments_status_update and settled

          // the user's placed order.

          // Notify the user that the purchased item has been delivered

          // without a complete reload of the game.

          write_callback_data(

                    "<br><b>Transaction Completed!</b> </br></br>"

                    + "Data returned from Facebook: </br>"

                    + "Order ID: " + data['order_id'] + "</br>"

                    + "Status: " + data['status']);

        } else if (data['error_code']) {　　　　// 出现某X非支付成功操作的时候，例如：点击支付窗口的取消按钮

          // Appropriately alert the user.

          write_callback_data(

                    "<br><b>Transaction Failed!</b> </br></br>"

                    + "Error message returned from Facebook:</br>"

                    + data['error_code'] + " - "

                    + data['error_message']);

        } else {　　　　　　　　　　　　// 其他未知名错误

          // Appropriately alert the user.

          write_callback_data("<br><b>Transaction failed!</b>");

        }

      };

      function write_callback_data(str) {

        document.getElementById('fb-ui-return-data').innerHTML=str;

      }

    </script>

  </body>

</html>

FB接口之 js调用支付窗口的更多相关文章

  1. js调用父窗口中的方法

    window.open调用父窗口中的方法 回调函数: function fun9(ex){ alert(ex); } 调用语句: window.open("RoomSelecter.htm? ...

  2. js 调用父窗口的方法

    opener.show(); 父窗体需要顶一个show() 方法 父面页代码: <!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN" ...

  3. Phonegap 之 iOS银联在线支付（js调用ios端银联支付控件）

    Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. ...

  4. 怎样调通微信支付及微信发货通知接口（Js API）

    怎样调通微信支付及微信发货通知接口(Js API) 微信支付提供了一个支付測试页面,微信支付正式使用须要測通支付.发货通知接口 .告警接口.维权接口.告警接口.维权接口非常easy.支付界面调通也相对 ...

  5. vs2010开发activex（MFC）控件/ie插件(三)，js调用ocx控件的接口函数

    原文:http://blog.csdn.net/yhhyhhyhhyhh/article/details/50802280   js调用ocx控件的接口函数,先看demo效果:      简单测试过程 ...

  6. JS 在open打开的子窗口页面中调用父窗口页面的JS方法

    需求的情景如下: 1:做新增或修改等操作的时候打开一个新的浏览器窗口(使用window.open(参数等)方法) 2:在新增或修改等的页面上有返回按钮.重置按钮.保存按钮,对于返回就直接关闭此窗口(使 ...

  7. js调用百度地图接口

    原文:js调用百度地图接口 这是前几天公司做的新项目,上面需要用到地图的数据.第一次做这类型的东西没啥思路,咱们经理说,这东西简单,截个图存文件夹里调整好尺寸,数据库里存上图片的地址动态调用就行了.心 ...

  8. Node.js调用百度地图Web服务API的Geocoding接口进行点位反地理信息编码

    (从我的新浪博客上搬来的,做了一些修改.) 最近迷上了node.js以及JavaScript.现在接到一个活,要解析一个出租车点位数据的地理信息.于是就想到使用Node.js调用百度地图API进行解析 ...

  9. iframe里面的页面调用父窗口,左右窗口js函数的方法

      iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面 ...

随机推荐

  1. Tornado小记 -- 模板中的Handler

    在Tornado的前端页面模板中,Tornado提供了一些对象别名来快速访问对象,具体定义可以参考Tornado官方文档! 这里我想将的是Handler这个对象,Handler指向的处理当前这个页面的 ...

  2. Silverlight 读取配置文件

    1.ExtranetLink.xml <?xml version="1.0" encoding="utf-8" ?> <menus> & ...

  3. HBase从hdfs导入数据

    需求:将HDFS上的文件中的数据导入到hbase中 实现上面的需求也有两种办法,一种是自定义mr,一种是使用hbase提供好的import工具 一.hdfs中的数据是这样的 每一行的数据是这样的id ...

  4. PHP,Mysql-根据一个给定经纬度的点，进行附近地点查询–合理利用算法，效率提高2125倍

    目前的工作是需要对用户的一些数据进行分析,每个用户都有若干条记录,每条记录中有用户的一个位置,是用经度和纬度表示的.还有一个给定的数据库,存储的是一些已知地点以及他们的经纬度,内有43W多条的数据.现 ...

  5. sql,插入最大值加1

    insert into aa (id,name) values((select case when max(id) is null then 1 else max(id)+1 end from aa) ...

  6. Unable to execute dex: java.nio.BufferOverflowException. Check the Eclipse log for stack trace.

    问题提示:Unable to execute dex: java.nio.BufferOverflowException. Check the Eclipse log for stack trace. ...

  7. 自己写算法---java的堆的非递归遍历

    import java.io.*; import java.util.*; public class Main { public static void main(String args[]) { S ...

  8. Mysql数据库基本配置

    一 数据库基本配置包括编码方式 (安装环境是在linux下) 1.1 进入数据库 开启数据库服务:service mysqld start/restart(如果开启话可以重启) 关闭数据库服务:ser ...

  9. python2 编码问题详解

    实例对比 定义 type str unicode print encode('utf8') decode('utf8') encode('unicode-escape') encode('string ...

  10. AppCan移动平台开发常见问题解答

    在使用AppCan移动平台开发跨平台APP时,有开发者会遇到一些问题, 不急,跟笔者一起来聊一聊使用AppCan平台开发中常见问题的解答方法. 问1.正常是按照官网提供的4个iphone启动图尺寸来做 ...