官方文档： 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. hdu 2255 奔小康赚大钱 KM算法

    看到这么奇葩的题目名我笑了,后来这么一个裸的KM调了2小时我哭了…… 这是个裸的KM算法,也没什么多说的,主要是注意多组数据时,每次都要把各种数组清空啊,赋值啊什么的,反正比较麻烦.至于为什么调了2小 ...

  2. 移植u-boot-1.1.6之mtdparts分区

    和u-boot高版本不同,mtdparts命令没有cmd_mtdparts这么一个单独的文件来实现. 不过,搜索uboot可以在cmd_jffs2.c里面看到如下代码: U_BOOT_CMD( mtd ...

  3. CSS中属性position位置详解功能讲解与实例分析

    position有五个值:static.relative.absolute.fixed.inherit. static 是默认值.就是按正常的布局流从上到下从左到右布局,平常我们做网页制作时,没有指定 ...

  4. 最简洁粗暴版的虚拟用户配置FTP

    最简洁粗暴版的虚拟用户配置FTP yum安装FTP: yum install vsftpd pam* db4* -y 设置为系统服务:chkconfig –level 35 vsftpd on 2.v ...

  5. EXT格式误删除恢复

    http://hatemysql.com/ 1.从/proc文件系统恢复数据#lsof |grep -i deletecat 11791 root 1w REG 253,0 94 1048589 /h ...

  6. Asp.net从文件夹中读取图片，随机背景图

    第一步:配置文件web.config里添加 <system.web><connectionStrings> <!--name 是自定义的,connectionString ...

  7. redis的数据类型

    redis有string,hash,list,sets.zsets几种数据类型 1.string数据类型 可包含任何数据,是二进制安全的,比如图片或者序列化的对象set key valueset na ...

  8. Windows7不能打开telnet功能

    在dos窗口中输入telnet命令提示如下: 解决方法是打开控制面板中的程序和功能,选择打开或关闭Window是功能,如下: 勾选上面的Telnet客户端,然后确定,出现下图.稍等片刻重新打开命令行, ...

  9. 数据结构学习笔记05图 (邻接矩阵 邻接表-->BFS DFS、最短路径)

    数据结构之图 图(Graph) 包含 一组顶点:通常用V (Vertex) 表示顶点集合 一组边:通常用E (Edge) 表示边的集合 边是顶点对:(v, w) ∈E ,其中v, w ∈ V 有向边& ...

  10. python基础学习笔记第四天 list 元祖 字典

    一 LIST方法 列表操作包含以下函数:1.cmp(list1, list2):比较两个列表的元素 2.len(list):列表元素个数 3.max(list):返回列表元素最大值 4.min(lis ...