使用easyXDM在iframe中进行Ajax请求

时间:2011-05-27 04:44:31

标签: javascript jquery ajax iframe

我正在使用easyXDM来促进网站与iframe内托管在我的域中的购物车之间的通信。当用户向购物车添加内容时,我使用easyXDM.Rpc将商品信息发送到iframe购物车。到目前为止一切顺利,但现在我想从我的域名中的iframe购物车中调用ajax请求来查找该项目并返回价格。我无法进行任何类型的ajax调用,这是我正在使用的代码:

在另一个域名(消费者)的网站上:

var rpc= new easyXDM.Rpc({
        remote: remote_path,
        onReady: function(){
        },
        container: document.getElementById("cart"),
        props: {
            style: {
                border: "2px solid red",
                width: "200px",
                height: "300px"
            }
        }
    }, 
    remote: {
      fooBar: {}
    }

    //this submits the item info to add it to the cart
    $("#item_form").submit(function(){                               
      data = $("#menu_form").serialize();
      rpc.fooBar($(this).serialize());   
      return false;
    });

然后在我的域(提供商)上托管的iframe购物车中:

var rpc = new easyXDM.Rpc({}, {
    local: {
        fooBar: function(data){
            //alert(data) works to show the item information and this is where I would like to make an ajax call with this info, something like:
            //$.get(add_to_cart_path, function(data){})                
            //rpc.post(add_to_cart_path, "this is a test")
        }
    },
    remote: {
        barFoo: {}
    }
});

1 个答案:

答案 0 :(得分:0)