jQuery Ajax 確定 form 表單 submit 提交成功


使用 jQuery 提交表單,可以使用 同步方式(async: false)。

a.html 是 html 文件,a.php 是服務端文件,把 a.html 中表單的數據提交到 a.php 中,在提交成功之后,給出成功提示。

a.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<form id="myform" action="a.php" method="post">
<input type="text" id="name" name="name">
<input type="hidden" name="myform[]" value="aaa">
<input type="hidden" name="myform[]" value="bbb">
<input type="hidden" name="myform[]" value="ccc">
<input type="button" id="btn" value="提交">
</form>
</body>
<script>
$(function(){
    $("#btn").click(function(){
        var postData = $("#myform").serialize();
        $.ajax({
             url: "a.php",
             //同步方式
             async: false,
             data: postData,
             type: "POST",
        //指定請求成功后執行的回調函數 success:
function(){ alert("success"); }, error: function(){ alert("error"); } }); }) }) </script> </html>

a.php:

<?php
print_r($_POST);

提交之后,在 chrome 開發者工具中查看:

 

參考:http://www.365mini.com/page/jquery_ajax.htm

http://doc.okbase.net/moqiang02/archive/93963.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM