Question

我正在寻找最佳解决方案来显示我存储在PHP变量中的信息（我从MySQL数据库中获取）。

我在考虑使用jQuery。我的问题：

使用输入字段，我会收到会员编号。
我使用img名称存储一个名为$ imgMember的新变量。

问题：

我想在每次用户输入<div class="boxImageMember">的数字时显示此图像（我已经通过PHP验证并创建了一个变量（$ imgMember）。
我该如何访问它？我需要使用AJAX存储这些变量吗？内部/外部jQuery？或者我需要另外思考？我陷入了困境。

我完全坚持我如何处理它的方式。

HTML：

<div id="header">
 <div class="header-content">
  <img src="img/logo-dqmih.png" width="60px">
 </div>
</div>

<div class="container">

  <div class="boxImageMember">HERE I WANT TO DISPLAY A USER IMAGE</div>
  <div class="boxInformationMember"></div>

  <form action="" method="post">
   <input type="text" id="MemberNumberEntry" name="staffNumber">
   <button type="submit" name="action">
  </form>

</div>

jQuery的：

$(document).ready(function() {
     $("#MemberNumberEntry").focus();

     $(document).on('submit',function(event, test){
       event.preventDefault(); // Don't refresh the page

       var MemberNumberEntry = $("#MemberNumberEntry").val();
       console.log(MemberNumberEntry);

       $(".boxImageMember" ).css("background-image", "url(../images/persons/NIT.jpg)"); // Change image (Not dynamic yet)

       $(".boxInformationMember" ).text("Hi Test, welcome!");

       // Reset value form entry
       $('#memberNumberEntry').val('');
    });
});

Answer 1

你的jQuery脚本会做这样的事情

$(document).ready(function() {
 $("#MemberNumberEntry").focus();

 $(document).on('submit',function(event, test){
   event.preventDefault(); // Don't refresh the page

   var MemberNumberEntry = $("#MemberNumberEntry").val();
   //console.log(MemberNumberEntry);
       $.ajax({
            url: '/your-php-script.php',
            method: 'POST',
            data: {
                MemberNumberEntry: MemberNumberEntry
            },
            success: function(response){
                //If call goes well, you use the image here.
            }
        });
   $(".boxImageMember" ).css("background-image", "url(../images/persons/NIT.jpg)"); // Change image (Not dynamic yet)

   $(".boxInformationMember" ).text("Hi Test, welcome!");

   // Reset value form entry
   $('#memberNumberEntry').val('');
});
});

您基本上会向您的PHP脚本发送一个HTTP POST请求，该请求会使用$_REQUEST或$_POST接受图像ID，就像普通的帖子请求一样。

使用jQuery配置了大量选项，您可以查看文档here。有关在PHP和AJAX中处理图像的更多信息，this答案很有用。

在HTML中显示PHP var（使用jQuery）

1 个答案: