Redirect to a PHP file on a HTML button click with some data being sent via POST

Question

I want to redirect to a PHP file when a button on my initial screen is pressed.

$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 function:

$(".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>';    
?>

I know I am completely wrong, please help me in doing this in a eaiser way. FYI I am a mobile developer with little insight on web programming so web experts please excuse my newbie language.

Please what? @TomaszKowalczyk I am trying to construct html dynamically via PHP. — Satheesh
– Satheesh, Commented Oct 16, 2014 at 11:28
Just replace your hyperlink (that's presumably styled to resemble a button) with an actual submit button! — GordonM
– GordonM, Commented Oct 16, 2014 at 11:29
$('.appDeatilsButton').on('click', function(event) { .. btw you miss-spelled details — Dorvalla
– Dorvalla, Commented Oct 16, 2014 at 11:32
@satheeshwaran Then compute necessary data in PHP and then pass them to the proper view renderer. Don't do that in one place, it is a Separation of Concerns violation and something that will definitely bite you in the long run. — Tomasz Kowalczyk
– Tomasz Kowalczyk, Commented Oct 16, 2014 at 11:33

Cliff Burton · Accepted Answer · 2014-10-16 12:04:01Z

1

Put this.form.submit(); instead of window.location(appDetails.php); in your JavaScript event handler (your javascript function).
And check errors in your code.
in the first code you posted on 9th line you give appDeatilsButton (maybe appDetailsButton...I don't know if it is a mis-spell) class to the "Delete" button.. the event handler $(".appDeatilsButton").click() runs the script whenever an element with class appDeatilsButton is clicked and it submits the form even if "Delete" button is clicked.

answered Oct 16, 2014 at 12:04

Cliff Burton

3,80420 gold badges39 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Satheesh Over a year ago

I tried it but getting error, Cannot read property 'submit' of undefined.

Collectives™ on Stack Overflow

Redirect to a PHP file on a HTML button click with some data being sent via POST

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related