官方文档： 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. SQL服务器更改名称后

    SQL服务器更改名称后 编写人:CC阿爸 2014-6-15 在日常SQL 2005数据库的操作中,有时安装完成数据库后,再更名,造成部分SQL服务不能正常使用(在SQL2000 时,想都别想更名了) ...

  2. jMeter 监控cpu、内存

    http://jmeter-plugins.org/downloads/all/ 将JMeterPlugins.jar包复制到Jmeter的lib目录下面的ext目录下面,重新启动Jmeter,我们点 ...

  3. js生成有缩进的表格

    项目中用到用了两天时间想到的,记录下来,如有更好的方法,留言给我,谢谢! js做如下表格: json [{"id":302,"serviceId":15,&qu ...

  4. div左右布局

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html>     <head> ...

  5. shopnc二次开发（二）

    一般来说二次开发,多数就是修改界面和增加功能这两个需求 先说修改界面 mvc 架构的程序,在界面这里,基本就是调用数据. 常见的界面数据构架有三种 1.是业务端或者是控制端数据驱动界面,基本上是后台输 ...

  6. C# 代码重启windows服务

    ServiceController service = new ServiceController("EnergyRecordService"); protected void b ...

  7. 十天学会单片机Day1点亮数码管(数码管、外部中断、定时器中断)

    1.引脚定义 P3口各引脚第二功能定义 标号 引脚 第二功能 说明 P3.0 10 RXD 串行输入口 P3.1 11 TXD 串行输出口 P3.2 12 INT0(上划线) 外部中断0 P3.3 1 ...

  8. Microsoft Visual Studio 语言切换

    事情的起因是需要安装本地的中文帮助,OS以及Viusal Studio都安装的英语版本. 其实需要安装的安装Viusal Studio的中文语言包即可. 通过工具选项可以达到以下的对话框 可以通过下载 ...

  9. spring aop 使用xml方式的简单总结

    spring aop的 xml的配置方式的简单实现: 1.编写自己的切面类:配置各个通知类型 /** * */ package com.lilin.maven.service.aop; import ...

  10. 1.Knockout.Js（简介）

    前言 最近一段时间在网上经常看到关于Knockout.js文章,于是自己就到官网看了下,不过是英文的,自己果断搞不来,借用google翻译了一下.然后刚刚发现在建立asp.net mvc4.0的应用程 ...