Databases
StackOverflow2013
Postsdbo
POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
    primarykey
    data
    text
    <p>Live Examples:</p> <ul> <li><a href="http://utsarotaract.org/inc/email.php" rel="nofollow">Without AJAX</a></li> <li><a href="http://utsarotaract.org/contact.php" rel="nofollow">With AJAX (click Email Us link)</a></li> </ul> <p>When I view the source page everything works fine, but when I load through an AJAX request, in the place where the reCAPTCHA <strong>should</strong> be, I see...</p> <pre><code>&lt;noscript&gt; &lt;iframe src="http://www.google.com/recaptcha/api/noscript?k=6LfwkccSAAAAALr_z6vDBqkySowo5KIiR0mVM1BX" height="300" width="500" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt; &lt;textarea name="recaptcha_challenge_field" rows="3" cols="40"&gt;&lt;/textarea&gt; &lt;input type="hidden" name="recaptcha_response_field" value="manual_challenge"/&gt; &lt;/noscript&gt; </code></pre> <p>Obviously, this does nothing unless my user has JS disabled. During this process no errors are thrown.</p> <p>Viewing the code on the non-AJAX-requested pace, I see...</p> <pre><code>&lt;script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LfwkccSAAAAALr_z6vDBqkySowo5KIiR0mVM1BX"&gt;&lt;/script&gt; &lt;noscript&gt; &lt;iframe src="http://www.google.com/recaptcha/api/noscript?k=6LfwkccSAAAAALr_z6vDBqkySowo5KIiR0mVM1BX" height="300" width="500" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt; &lt;textarea name="recaptcha_challenge_field" rows="3" cols="40"&gt;&lt;/textarea&gt; &lt;input type="hidden" name="recaptcha_response_field" value="manual_challenge"/&gt; &lt;/noscript&gt; </code></pre> <p>Note the additional line at the top of the script that addresses users with JS enabled.</p> <p>So I guess the question is two-fold. WTF is happening and how can I fix it?</p> <p>I've found some vague mention of this issue, but no decent answers. I found some mention of the reCAPTCHA API using <code>document.write</code>, but I don't know if that's valid. If I've overlooked something obvious, please feel free to point it out.</p> <p>Per request, the AJAX call is...</p> <pre><code>$(document).ready(function() { $.get('/inc/email.php', function(data){ console.log('Get success!'); $('#email-form').html(data); console.log('Get added to #email-form!'); $('#email-form form').submit( function(){ $.ajax({ type: "POST", url: "/inc/email.php", data: $('#email-form form').serialize(), success: function() { console.log('Submit success!'); $('#email-form').html(data); } }); return false; }); } ); }); </code></pre> <p>What I've tries so far:</p> <ul> <li>Rewriting the code to fetch the remote JS file, replace the document.write() clause with an append to the element I set to a specific ID, then run the modified code inline on the page</li> <li><a href="https://developers.google.com/recaptcha/docs/display" rel="nofollow">Displaying reCAPTCHA Without Plugins</a> instead of the <a href="https://developers.google.com/recaptcha/docs/php" rel="nofollow">PHP reCAPTCHA library</a></li> </ul>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDan
    1. USDan
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
      1. USDan
      1. VTBountyStart
    2. VO
      singulars
      1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI think you need to include the ajax call and response (use firebug) so that the community can help you.
      singulars
      1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
      1. USMartin Müller
    2. COI forgot to mention that no errors are thrown through this query. I can include the AJAX call, but I doubt it will add any additional information. It's a simple GET request.
      singulars
      1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
      1. USDan
    3. COthe interesting thing is the response. if google gives you the wrong code in the first place then something is wrong with your call (api-keys or sth).
      singulars
      1. POreCAPTCHA field on page that is loaded through AJAX doesn't load. Suggestions?
      1. USMartin Müller
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload