  
<div id="snippet_201" class="snippet">
  <h2><a href="/snippets/201-How-to-use-jQuery-with-Rails-2-0-aka-How-to-fix-ActionController-InvalidAuthenticityToken-ActionController-InvalidAuthenticityToken-" title="How to use jQuery with Rails 2.0 - aka How to fix &quot;ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken)&quot; - Ruby - authenticity, rails, rails 2, token, jquery, javascript, ajax">How to use jQuery with Rails 2.0 - aka How to fix "ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken)"</a></h2>
  <div class="details">
    <a style="background-color: #FFFF94;" href="http://snippets.aktagon.com/languages/124-Ruby">
      Ruby</a> posted about 1 year ago by christian
          
  </div>

  <div class="body">
    <p>This is a slight variation of <a href="http://henrik.nyh.se/2008/05/rails-authenticity-token-with-jquery">Henrik Nyh&#8217;s code</a>, which fixes an issue with IE6 that makes all Ajax requests use <span class="caps">POST</span> in IE6.</p>
<p>In application.html.erb, or whatever layout file you&#8217;re using, put:<br />
<pre class="active4d"><span class="line-numbers">   1 </span> <span class="Operator">&lt;</span><span class="Operator">%=</span> javascript_tag <span class="String"><span class="String">&quot;</span>window.AUTH_TOKEN = '<span class="String"><span class="String">#{</span>form_authenticity_token<span class="String">}</span></span>';<span class="String">&quot;</span></span> <span class="String"><span class="String">%&gt;</span></span>
</pre></p>
<p>In application.js, or whatever JavaScript file you&#8217;re using, put:<br />
<pre class="active4d"><span class="line-numbers">   1 </span> $(document).<span class="FunctionName">ajaxSend</span>(<span class="FunctionName">function</span>(event, request, settings) {
<span class="line-numbers">   2 </span>   <span class="Keyword">if</span> (<span class="FunctionName">typeof</span>(window.<span class="FunctionName">AUTH_TOKEN</span>) <span class="Operator">==</span> <span class="String"><span class="String">&quot;</span>undefined<span class="String">&quot;</span></span>) <span class="Keyword">return</span>;
<span class="line-numbers">   3 </span>   <span class="String"><span class="String">/</span></span><span class="String"></span><span class="String"><span class="String">/</span></span> <span class="Variable">IE6</span> fix <span class="Keyword">for</span> http<span class="UserDefinedConstant"><span class="UserDefinedConstant">:</span>/</span><span class="Operator">/</span>dev.<span class="FunctionName">jquery</span>.<span class="FunctionName">com</span><span class="Operator">/</span>ticket<span class="Operator">/</span><span class="Number">3155</span>
<span class="line-numbers">   4 </span>   <span class="Keyword">if</span> (settings.<span class="FunctionName">type</span> <span class="Operator">==</span> <span class="String"><span class="String">'</span>GET<span class="String">'</span></span> <span class="Operator">||</span> settings.<span class="FunctionName">type</span> <span class="Operator">==</span> <span class="String"><span class="String">'</span>get<span class="String">'</span></span>) <span class="Keyword">return</span>;
<span class="line-numbers">   5 </span> 
<span class="line-numbers">   6 </span>   settings.<span class="FunctionName">data</span> <span class="Operator">=</span> settings.<span class="FunctionName">data</span> <span class="Operator">||</span> <span class="String"><span class="String">&quot;</span><span class="String">&quot;</span></span>;
<span class="line-numbers">   7 </span>   settings.<span class="FunctionName">data</span> <span class="Operator">+=</span> (settings.<span class="FunctionName">data</span> <span class="Operator">?</span> <span class="String"><span class="String">&quot;</span>&amp;<span class="String">&quot;</span></span> : <span class="String"><span class="String">&quot;</span><span class="String">&quot;</span></span>) <span class="Operator">+</span> <span class="String"><span class="String">&quot;</span>authenticity_token=<span class="String">&quot;</span></span> <span class="Operator">+</span> <span class="FunctionName">encodeURIComponent</span>(window.<span class="FunctionName">AUTH_TOKEN</span>);
<span class="line-numbers">   8 </span> });
</pre></p>
<p>That&#8217;s all&#8230;</p>
  </div>

  <div style="font-size: 0.8em;margin:0.5em;">
    
      Tagged <a href="/tags/471-authenticity">authenticity</a>, <a href="/tags/9-rails">rails</a>, <a href="/tags/475-rails-2">rails 2</a>, <a href="/tags/472-token">token</a>, <a href="/tags/355-jquery">jquery</a>, <a href="/tags/10-javascript">javascript</a>, <a href="/tags/213-ajax">ajax</a>
    
    
  </div>
</div>



  
<div id="snippet_199" class="snippet">
  <h2><a href="/snippets/199-ActionController-InvalidAuthenticityToken-ActionController-InvalidAuthenticityToken-" title="ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken): - HTML (Rails) - authenticity, token, ruby, rails">ActionController::InvalidAuthenticityToken (ActionController::InvalidAuthenticityToken):</a></h2>
  <div class="details">
    <a style="background-color: #FFFF94;" href="http://snippets.aktagon.com/languages/52-HTML-Rails-">
      HTML (Rails)</a> posted about 1 year ago by christian
          
  </div>

  <div class="body">
    <p><pre class="active4d"><span class="line-numbers">   1 </span> <span class="TagContainer"><span class="TagContainer">&lt;</span><span class="TagName">input</span> <span class="TagAttribute">name</span>=<span class="String"><span class="String">&quot;</span>authenticity_token<span class="String">&quot;</span></span> <span class="TagAttribute">value</span>=<span class="String"><span class="String">&quot;</span><span class="String"><span class="String">&lt;%=</span> form_authenticity_token <span class="String">%&gt;</span></span><span class="String">&quot;</span></span> <span class="TagAttribute">type</span>=<span class="String"><span class="String">&quot;</span>hidden<span class="String">&quot;</span></span> /<span class="TagContainer">&gt;</span></span>
</pre></p>


	<p>or</p>


	<p><pre class="active4d"><span class="line-numbers">   1 </span> &lt;%= token_tag %&gt; 
</pre></p>
  </div>

  <div style="font-size: 0.8em;margin:0.5em;">
    
      Tagged <a href="/tags/471-authenticity">authenticity</a>, <a href="/tags/472-token">token</a>, <a href="/tags/8-ruby">ruby</a>, <a href="/tags/9-rails">rails</a>
    
    
  </div>
</div>






