jquery ajax form submit

Question

Правильно ли этот код? Я пытаюсь представить его, и я бы хотел, чтобы он отправил, если текстовая область снова будет пустой.

<script type="text/javascript"> 
$(document).ready(function(){ 

    $("form#submit").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below 
     var fid = $(".messag").attr("id"); 
     var val = $("#mess_ar").val(); 
     $.ajax({ 
      type: "POST", 
      url: "send_message.php", 
      data: "fid="+ fid +"&val="+ val, 
      success: function(){ 
        $("#mess_ar"). 
      } 
     }); 
     return false; 
    }); 
}): 
</script> 

Я пытаюсь загрузить это:

<form id="submit" method="POST"> 
<textarea name="mess_cont" id="mess_ar" autofocus="autofocus" cols="70" rows="5">  </textarea> 
<button id="mess_but" type="submit">Send</button> 
</form> 

Thankx ...

Answer 1

​$(function(){ 
    $("form#submit").submit(function(e){ 
     e.preventDefault(); 
     var fid = $(".messag").attr("id"); 
     var val = $("#mess_ar").val(); 
     $.ajax({ 
      type: "POST", 
      url: "send_message.php", 
      data: "fid="+ fid +"&val="+ val, 
      success: function(){ 
       $("#mess_ar").val(""); 
      } 
     }); 
    }); 
});​ 

Использование

$("#submit").on('submit', function(e){...}); 

вместо

$("#submit").submit(function(e){...}); 

если вы используете последнюю версию JQuery.

Answer 2

Выглядит хорошо. Чтобы очистить текстовое поле, используйте в обратном вызове ajax следующее:

$("#mess_ar").val(''); 

Answer 3

Что вы действительно намереваетесь? Он также возвращает данные в ответ? Добавьте функции для отслеживания ошибки. Сделайте что-то вроде

<script type="text/javascript"> 
$(document).ready(function(){ 

    $("form#submit").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below 
     var fid = $(".messag").attr("id"); 
     var val = $("#mess_ar").val(); 
     $.ajax({ 
      type: "POST", 
      url: "send_message.php", 
      data: "fid="+ fid +"&val="+ val, 
      success: function(incoming_data){ 
      // ALERT incoming data if coming 
      $("#mess_ar").text(""); // DO YOUR JOB CONTINUOU 
      }, 
      error: function() { 
      alert("BROKEN REQUEST."); 
      } 
     }); 
     return false; 
    }); 

}); 
</script> 

Else, кажется, все хорошо.