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>

文章名称：ajax无刷新表单提交
网页路径：https://www.cdcxhl.com/article42/iiiiec.html

成都网站建设公司_创新互联，为您提供品牌网站制作、手机网站建设、搜索引擎优化、、云服务器、静态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容