POST php форма с использованием jquery - PullRequest
Новая
       30

POST php форма с использованием jquery

1 голос
/ 15 мая 2011

Мне нужен любой код jQuery для отправки данных формы без обновления страницы.

Метод (POST): после отправки формы показать сообщение «loading ...» или «loading image». Если process.php = 1 (true) скрыть форму и отобразить сообщение ok, а если process.php = 2 (false) не скрыть форму и показать сообщение об ошибке.

Ответы [ 2 ]

3 голосов
/ 15 мая 2011 
var data = new Object();
data['formData'] = $('#form').serializeArray();    
$.ajax({
        type: 'post',
        url: 'process.php',
        dataType: 'json',
        success: function(response) {
            if (response.result == 1) {
                $('#form').hide();
            } else {
                alert('error');
            }
        }
    });

process.php: 

//...
echo json_encode(array('result' => 0)); // OR 1
1 голос
/ 15 мая 2011

Вам необходимо добавить идентификатор формы или любой другой идентификатор.

так, если ваша форма 

<div id="message"> </div>
<form method="post" action="" id="myForm">
<input type="submit" name="send" id="sendData" />
</form>

JQuery: 

$(document).ready(function() {
$("#sendData").click(function() {
  $("#message").html("loading ...");
  $.post("process.php", {
      submit: 1 //and any other POST data you separate with comma
  }, function(response) {
       if(response == 1) {
            $("#myForm").hide();
            $("#message").html("OK");
       } else {
            $("#message").html("error message");
       }
  });
});
});

теперь, после отправки формы вы получите сообщение «loading ...» при публикации «process.php», затем, если process.php вернет 1, форма будет скрыта и будет отображаться «ОК», иначе вы получите сообщение об ошибке.

...