ajax無重新整理表單提交

最後更新：2017-07-31 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：ajax 無重新整理表單提交

ajax無重新整理提交筆記

資料庫自己類比建一個執行一下添加功能

php部分採用pdo方法：

<?php$db =‘mysql‘;$host =‘localhost‘;$port =‘3306‘;$dbname = ‘ajax‘;$user = ‘root‘;$pwd  = ‘‘;$dsn = "$db:host=$host;port=$port;dbname=$dbname";   //設定字元集 $options = array(PDO::MYSQL_ATTR_INIT_COMMAND=>‘SET NAMES \‘UTF8\‘‘); $pdo = new PDO($dsn,$user,$pwd,$options);$name = $_POST[‘name‘];//print_r ($name);exit;$pwd  = $_POST[‘pwd‘];$code  = $_POST[‘code‘];$sql = "insert into user (name,pwd,code) values (‘".$name."‘,‘".$pwd."‘,‘".$code."‘)";$res=$pdo->exec($sql);  if ($res){   echo 1;   exit;}else{   echo 2;   exit;}

ajax前端部分

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>        <script type="text/javascript">        $(function(){            $(".user_main_r button").click(function(){                                   $.post(‘./login.php‘, $(‘form‘).serialize(), function(data) {                                if(data == 1){                   alert (‘添加成功‘);                     $("#admin_user").val(‘‘);                     $("#admin_psd").val(‘‘);                     $("#captcha").val(‘‘);                }else{                   alert (‘添加失敗‘);                }                              });                        });                });                                         </script>        <title>無重新整理使用者登入</title>    </head>    <body id="userlogin_body">                         <form id="form" method="post" >                        <ul>                                                     <div class="user_main_box">                                    <ul>                                        <li class="user_main_text">使用者名稱： </li>                                        <li class="user_main_input">                                            <input id="admin_user" name="name" maxlength="20" />                                                                                </li>                                   </ul>                                    <ul>                                        <li class="user_main_text">密&nbsp;&nbsp;&nbsp;&nbsp;碼： </li>                                        <li class="user_main_input">                                            <input class="TxtPasswordCssClass" id="admin_psd" name="pwd" type="password">                                                                                    </li>                                    </ul>                                    <ul>                                        <li class="user_main_text">身份證： </li>                                        <li class="user_main_input">                                            <input class="TxtValidateCodeCssClass" id="captcha" name="code" type="text">                                                                                                               </li>                                    </ul>                                                                    </div>                            </li>                            <li class="user_main_r">                                <button  type="button" >提交</button>                            </li>                        </ul>                    </form>               </body>

本文出自 “kangjunfei” 部落格，轉載請與作者聯絡！

ajax無重新整理表單提交

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More