reCaptcha не перезагружается при использовании Ajax

Question

Я создаю приложение ASP.NET MCV, и у меня есть эта страница, где пользователь может выполнить поиск. Я использую Ajax для получения результата. Вот структура моей страницы (упрощенно):

// The part of my page that does not change 
<div id = "searchForm"> 
    <input id="txWhat" type="text"/> 
    <input id="txWhere" type="text"/> 

    <input id="idBnSearch" type="submit" value="Search"/> 
</div> 

// The result container 
<div "resultContainer"> 
    // Here is where I put the result, and the captcha 
</div> 

То, что я хочу сделать, это добавить ReCaptcha каждые 20 операций поиска. Итак, я добавил частичное представление, которое содержит капчу, и идея в том, что когда число операций поиска достигает 20, я показываю частичный вид Captcha, и если reCaptcha был введен правильно, то получим результат набранного a критерии.

Проблема в том, что я использую Ajax, капчет не загружается (текст не набирается). Есть идеи ?

Заранее спасибо

Answer 1

я предполагаю, что вы знакомы с JQuery AJAX.

$.ajax(function(){ 
    beforeSend: function(){ 
    Recaptcha.create("YOUR_KEY", 'captchadiv', { 
      tabindex: 1, 
      theme: "clean", 
      callback: Recaptcha.focus_response_field 
    }); 
} 
}) 

для демо http://www.google.com/recaptcha/demo/ajax