使用 jquery POST php 表单

Question

我需要任何 jQuery 代码来发送表单数据而不刷新页面。

方法（POST）：提交表单后显示“正在加载...”消息或“正在加载图像”。如果 process.php = 1 (true) 隐藏表单并显示 ok 消息，如果 process.php = 2 ( false ) 则不隐藏表单并显示任何错误消息。

Answer 1

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');
            }
        }
    });

进程.php：

//...
echo json_encode(array('result' => 0)); // OR 1

Answer 2

您需要添加表单 ID 或任何其他标识符。

所以，如果你的表单是

<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");
       }
  });
});
});

现在，提交表单后，你会在发布“process.php”时收到消息“loading ...”，然后如果 process.php 返回 1，表单将隐藏并显示 OK，否则你会得到一个错误信息。