0

私はこのコードhttp://gist.github.com/110410を使用してプロトタイプをダンプし、jQuery を支持していますが、問題があります。

これは私の HTML (link_to で生成されたリンク) です。

<a onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', 'Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU='); f.appendChild(s);f.submit();return false;" class="post add_to_cart " href="/line_items?product_id=547">Add to cart</a>

問題:

ページがリロードされることを除いて、すべてが正常に機能します。送信が通過してページのリロードが発生すると思われます。

それを防ぐエレガントな方法はありますか?false を返します。この場合、それをカットしないようです。

4

1 に答える 1

0

ええと。これを使用してください(jQuery):

<a class="post add_to_cart" rel="Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU=" href="/line_items?product_id=547">Add to cart</a>
<script>
    $("a.add_to_cart").click(function(){
        $.post(this.href,{'authenticity_token':$(this).attr("rel")});
        return false;
    });
</script>

トークンが製品に固有であると仮定して、アンカーのrelattrに真正性トークンを配置します。


アップデート

どうやらRailsはあなたに何も制御できないので:

<a class="post add_to_cart" href="/line_items?product_id=547" onclick='            $.post(this.href,{"authenticity_token":"Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU="});return false;'>Add to cart</a>
于 2010-04-21T12:52:55.807 に答える