javascript - 单击 HTML 按钮重定向到 PHP 文件，并通过 POST 发送一些数据

Question

当按下初始屏幕上的按钮时，我想重定向到 PHP 文件。

$stmt->bind_result($app_id, $user_id, $app_name, $app_desc,$api_key);
while ($stmt->fetch()) {
    echo '<form class="appFragmentForm" id="'.$app_id.'" action="appDetails.php" method="POST">
                    <div class="col-sm-6 col-md-3"><div class="thumbnail">
                               <img class="img-rounded appIcon" src="img/icon_app_placeholder.png">
                  <div class="caption text-center">
                    <h3>'.$app_name.'</h3>
                    <p>'.$app_desc.'</p>
                    <p><a href="#" class="btn btn-danger appDeatilsButton" id="'.$app_id.'" name="appDeleteButton" role="button">Delete App</a> <a href="#" class="btn btn-default appDeatilsButton" id="'.$app_id.'" role="button">View Details</a></p>
                  </div>
                </div>
              </div>
              </form>'; 
}
}

Javascript函数:

$(".appDeatilsButton").click(function (event) { 
    $.ajax({
  type: "POST",
  url: "appDetails.php",
  data: { ID: this.id}
 })
  .done(function( msg ) {
       window.location(appDetails.php);
   });
 });

appDetails.php

<?php
include_once 'includes/db_connect.php';
include_once 'includes/functions.php';
sec_session_start();     
$appID = $_POST["appID"];  
echo '<script language="javascript">alert('.$appID.')</script>';    
?>

我知道我完全错了，请帮助我以更轻松的方式做到这一点。仅供引用，我是一名移动开发人员，对网络编程知之甚少，因此网络专家请原谅我的新手语言。

Answer 1

在您的 JavaScript 事件处理程序(您的 JavaScript 函数)中放置 this.form.submit(); 而不是 window.location(appDetails.php);。
并检查代码中的错误。
在您在第9行发布的第一个代码中，您给出appDeatilsButton(可能是appDetailsButton...我不知道“Delete”按钮的类是否拼写错误。事件处理程序 $(".appDeatilsButton").click( ) 每当单击 appDeatilsButton 类的元素时都会运行脚本，并且即使单击“Delete”按钮也会提交表单。