Освежающий div без перезагрузки не работает

Question

Я сейчас «сражаюсь» с этим, надеюсь, вы могли бы помочь мне в решении. Так что у меня есть основная форма с пустым DIV, который будет затем заполненном:

<form method='post' action='/shoutek.php'> 
<input type='text' id='shout_tresc' name='shout_tresc' class='shout_tresc' /> 
    <input type='submit' id='dodaj' value='Dodaj' /> 
</form> 

<div class='shoutboxtresc' id='shout'></div> 
<span class='loader'>Please wait...</span> 

shoutek.php содержит запросы делать после отправки формы и функций для заполнения DIV.

Вот идет мой JQuery:

$(function() { 

    $(\"#dodaj\").click(function() { 
     // getting the values that user typed 

     var shout_tresc = $(\"#shout_tresc\").val(); 
     // forming the queryString 
     var data   = 'shout_tresc='+ shout_tresc; 

     // ajax call 
     $.ajax({ 
      type: \"POST\", 
      url: \"shoutek.php\", 
      data: data, 
      success: function(html){ // this happen after we get result 
       $(\"#shout\").toggle(500, function(){ 
       $('.loader').show();  
        $(this).html(html).toggle(500); 
        $(\"#shout_tresc\").val(\"\"); 
       $('.loader').hide();   
       }); 
       return false; 
      } 
     }); 

    }); 
}); 

Проблема в том, что она направляет меня shoutek.php, так что не обновляет DIV в Ajax.

Как вы можете видеть, я использовал return false; - Я также попробовал event.preventDefault(); функция - это не помогло. В чем проблема и как избавиться от него? Будем рады, если вы сможете предоставить мне некоторые решения.

EDIT

Ребята, что я придумал на самом деле работал, но дайте мне знать, если это правильное решение и не вызовет проблем в будущем. Из предыдущего кода (см ответа Luceous') я удалил

$(function() { 

(и, конечно, это закрывающие тегов), и я полностью избавился от:

<form method='post' action='/shoutek.php'> 

Оставляя вход „бесформенный“. Пожалуйста, дайте мне знать, если это хорошее решение - оно работает в конце концов.

Answer 1

$(function() { 

    $("#dodaj").click(function(e) { 
     // prevents form submission 
     e.preventDefault(); 
     // getting the values that user typed 

     var shout_tresc = $("#shout_tresc").val(); 
     // forming the queryString 
     var data   = 'shout_tresc='+ shout_tresc; 

     // ajax call 
     $.ajax({ 
      type: "POST", 
      url: "shoutek.php", 
      data: data, 
      success: function(html){ // this happen after we get result 
       $("#shout").toggle(500, function(){ 
       $('.loader').show();  
        $(this).html(html).toggle(500); 
        $("#shout_tresc").val(""); 
       $('.loader').hide();   
       }); 
       return false; 
      } 
     }); 

    }); 
}); 

Для удобства чтения я удалил ваши экраны. Вы пропустили preventDefault, который запрещает отправку формы.

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.