时间戳

首页 > 解决方案 > 使用 jQuery 显示数据

php - 使用 jQuery 显示数据

问题描述

我想在没有警告框的情况下显示数据，但我不知道该怎么做？提交表单后，必须显示成功消息而不使用警告框；它应该以普通文本显示。我添加了我的脚本代码和数据库代码。谁能帮我？我是 jQuery 的初学者。这是我的代码：

<script>
    $(document).ready(function(){
        $('#validate_form').parsley();
        $('#validate_form').on('submit',function(event)
        {
            event.preventDefault();
            if($('#validate_form').parsley().isValid())
            {
                $.ajax({
                    url:"db.php",
                    method:"POST",
                    data:$(this).serialize(),

                    beforeSend:function(){
                        $('#submit').attr('disabled','disabled');
                        $('#submit').val('submitting the value');
                    },
                    success:function(data){
                        $('#validate_form')[0].reset();
                        $('#validate_form').parsley().reset();
                        $('#submit').attr('disabled',false);
                        $('#submit').val('submit');
                        alert(data);

                    }

                });
            }
        });
    });
</script>

数据库.php

<?php

//action.php

sleep(2);

if(isset($_POST['first_name']))
{
 $connect = new PDO("mysql:host=localhost;dbname=onlineshop", "root", "");

 $data = array(
  ':first_name'  => $_POST['first_name'],
  ':last_name'  => $_POST['last_name'],
  ':email'   => $_POST['email'],
  ':password'   => $_POST['password']
 );

 $query = "
 INSERT INTO tbl_register 
 (first_name, last_name, email, password) 
 VALUES (:first_name, :last_name, :email, :password)
 ";

 $statement = $connect->prepare($query);


 if($statement->execute($data))
 {

 echo 'Registration successfully completed';

 }


}

?>

标签： phpjquery

解决方案

在 HTML 中制作<span></Span>或在任何地方显示普通文本。<Div></Div>

为 span 或 div 提供 id

<div id ="displayMessage"> </div> `

然后在警报位置更改您的代码。

<script>
    $(document).ready(function(){
        $('#validate_form').parsley();
        $('#validate_form').on('submit',function(event)
        {
            event.preventDefault();
            if($('#validate_form').parsley().isValid())
            {
                $.ajax({
                    url:"db.php",
                    method:"POST",
                    data:$(this).serialize(),

                    beforeSend:function(){
                        $('#submit').attr('disabled','disabled');
                        $('#submit').val('submitting the value');
                    },
                    success:function(data){
                        $('#validate_form')[0].reset();
                        $('#validate_form').parsley().reset();
                        $('#submit').attr('disabled',false);
                        $('#submit').val('submit');
                        $("#displayMessage").html(data);

                    }

                });
            }
        });
    });
</script>

推荐阅读