javascript - 如何用 PHP 和 Ajax 回显 html？-6ren

javascript - 如何用 PHP 和 Ajax 回显 html？

转载作者：行者123 更新时间：2023-11-28 03:50:46

我正在尝试在 mysql 行插入中显示一个弹出式 div。这是我想要实现的目标。

我单击一个按钮，它会转到 user.php 页面以执行某些功能。现在我坚持的是，如果该行已经存在，我想显示一个弹出式 div，如果该行不存在并且插入成功，我想显示另一个 div(当然所有这些都在 index.php 页面上)。我已经实现了大部分。我唯一坚持的部分是在每个功能上显示这两个弹出 div。

我不想要警报或任何东西，而是整个 div。请忽略任何拼写错误，因为带有 ajax 调用的代码工作正常。我只需要让 div 在成功和失败时显示在同一页面 (index.php) 上

我知道我不应该使用 mysql_* 函数，但现在我需要先解决这个问题。任何建议都会有很大帮助。提前致谢。

这是我的代码:

index.php

<html>
<head>

<style>
#overlay-back {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #1C1C1C;
    opacity    : .6;
    filter     : alpha(opacity=60);
    z-index    : 5;
    display    : none;
} 

#overlay_success, overlay_failure {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
} 
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $('.userlist').on('click', function () {
    $('#overlay_success, #overlay-back').fadeIn(100);
});
    });
</script>

<script type="text/javascript">

     $(function(){     
    $(".userlist").click(function(){
       var elementUser = $(this);

       var UserID = elementUser.attr("id");

       var info='UserID='+UserID;
       //alert(info);
       $.ajax({
        type: "POST",
        url: "user.php",
        data: info,
        success: function(){

        }
       });
     });
  });
});

   </script>


</head>

<body>

<div id="overlay-back"></div>
        <div align:center; style="position: relative; font-size: 15px; text-align: center; top: 50px;" id="overlay_success">
          <span>
          <h3 style="position: relative; align:center; color:white;"> Success!! </h3>
          </span>
    </div>

<div id="overlay-back"></div>
        <div align:center; style="position: relative; font-size: 15px; text-align: center; top: 50px;" id="overlay_failure">
          <span>
          <h3 style="position: relative; align:center; color:white;"> Failure. Already Exists!! </h3>
          </span>
    </div>

<a href="#" class="userlist">click</a>
</body>
</html>

user.php

if($_POST['UserID']){


$UserID = mysql_real_escape_string($_POST['UserID']);

        $sql = "SELECT * from usera where uid = '$user_id'";
        $result = mysql_query($sql);
        if(mysql_num_rows($result) > 0){
            //display the div -> user already exists
        }else{
  //display the div (row inserted)
}

最佳答案

拥有唯一的ID并做

$("#successdiv").hide(); 
$("#errordiv").hide();
$.ajax({
    type: "POST",
    url: "user.php",
    data: info,
  success: function(data){ 
    if (data.data=="error") { 
      $("#errordiv").show(); 
    }
    else {
      $("#successdiv").show(); 
    } 
 }

在服务器上

header('Content-Type: application/json'); 
.
.
.
if(mysql_num_rows($result) > 0) { // or whatever the error is
    echo '{ "data":"error"}';
}
else { 
    echo '{ "data":"success"}';
}

替代方法是返回消息并仅在单个 div 中显示它 - 如果您想更改颜色或其他内容，可以将类更改为 Error

关于javascript - 如何用 PHP 和 Ajax 回显 html？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36662576/

文章推荐： c++ - 拆分器 CreateStatic 问题

文章推荐： c++ - 依赖于构造函数的类模板参数

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何用 PHP 和 Ajax 回显 html？