Question

我有一个简单的HTML表单，用户可以在该表单上输入令牌号。当用户输入令牌编号并单击onclick()时，如何使用fetch details事件从数据库中获取详细信息。提取详细信息后，用户将点击Pay with PayPal按钮以完成付款。

HTML表单：

<form class="responsive" action="payments.php" method="post" id="paypal1">
            <strong><big>Have Token? Checkout here...</big></strong><br><br>
            <p>Token Number: 
                <input type="text" name="token" placeholder="Enter Token Number" autocomplete="off" maxlength="45" required />
                <input type="button" id="token-btn" value="Fetch Details" onClick="fetch-details()">
            </p>    
            <button class="btn btn-success">Pay With PayPal</button>
        </form>

Answer 1

通常的方法是：

旧式页面刷新：让按钮提交表单，让PHP代码完成数据库工作，并显示新页面。
使用ajax：
- 具有一个JavaScript事件处理程序，可以对您的PHP代码进行ajax调用（在现代浏览器中使用fetch或XMLHttpRequest）
- 让您的PHP代码完成数据库工作并返回详细信息，也许使用json_encode将详细信息作为JSON发送回
- 让您的JavaScript ajax成功处理程序使用这些详细信息通过DOM manipulation来更新页面

Answer 2

从jquery网站下载jquery，在所需的页面中包含脚本，然后创建一个名为mine fetch.php的php文件lemme来获取所需的详细信息，类似这样的

<?php
require_once 'your_connection';
if(isset($_POST['id'])){
 $id = mysqli_real_escape_string($connect, $_POST['id'];
 $query = "SELECT * FROM `table` WHERE `id`='$id'";
  if($query_run= mysqli_query($query)){
   if($row = mysqli_fetch_assoc($query_run)){
     echo"<h1>$row['details']</h1>";
    }
  }
}
?>

然后在下载的随附脚本下方执行此操作

$(document).ready(function(){
   $("#fetchDetails").click(function(){
      $.post("fetch.php",{id:the_id_of_the_details_you_want_to_fetch},function(data) 
      {
        $("#id_of_where_you_want_to_place_details_on_page").html(data);
      })
   });
})

希望有帮助

使用onclick（）

2 个答案: