继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

ajax无刷新表单提交

ajax快速入门培训基础
关注TA
已关注
手记 284
粉丝 176
获赞 719

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>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP