How to post variable using jQuery to PHP?

Question

I want to post a variable to PHP page using jQuery and then redirect on that PHP page and echo posted variable.

HTML:

$(document).ready(function() {
$('.restauarnt_result').click(function() {
    var RestName = $('#restauarnt_name', this).html();
            $.post('restauarnt.php', { RestName : RestName } );
            window.location = 'restauarnt.php';
});
});

After I click on $('.restauarnt_result'), automatically redirect to 'restauarnt.php' URL and echo the posted data.

PHP:

<?php
   echo $_POST['RestName'];

Why post and redirect at the same time... despite the programing thing, this does not make sense at all. — Daniel W.
– Daniel W., Commented Mar 30, 2014 at 14:01

Quentin · Accepted Answer · 2014-03-30 13:59:11Z

1

The point of Ajax is to communicate with the server without leaving the current page.

Since you want to leave the current page, don't use Ajax.

Create a form, and submit it.

var f = jQuery("<form>", { action: 'restauarnt.php', method: 'post' });
f.append(
    jQuery("<input>", { type: "hidden", name: "RestName", value: RestName })
);
jQuery(document.body).append(f);
f.submit();

answered Mar 30, 2014 at 13:59

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

Frank Tudor Over a year ago

I agree with this answer, jquery to form variable (hidden), very simple solution.

Quentin Over a year ago

No, that's as simple as it gets.

andrew · Accepted Answer · 2014-03-30 14:00:51Z

1

There's not much point in using ajax if you're immediately going to redirect

<form method="post" action="restauarnt.php">
<input name="RestName"/>
<input type="submit"/>
</form>

restauarnt.php

<? 
echo $_POST['RestName'];

answered Mar 30, 2014 at 14:00

andrew

9,6039 gold badges36 silver badges62 bronze badges

1 Comment

Quentin Over a year ago

This doesn't handle the content of the JS variable RestName.

Sahil Mittal · Accepted Answer · 2014-03-30 13:58:14Z

0

You should redirect after the call is completed. So try this-

$.post('restauarnt.php', { RestName : RestName }, function(data){
   // here the call is completed
   console.log(data); // this will print the values echo by the php
   window.location = 'restauarnt.php';
} );

answered Mar 30, 2014 at 13:58

Sahil Mittal

20.8k12 gold badges68 silver badges91 bronze badges

2 Comments

boyrock75 Over a year ago

sir, error : Undefined index: RestName in C:\wamp\www\restauarnt.php on line 6

Sahil Mittal Over a year ago

console.log(RestName) before calling the ajax.post

halfer · Accepted Answer · 2014-04-01 21:26:58Z

0

On the PHP side use session:

<?php
session_start();
// store session data
$_SESSION['RestName']= "RestName";
?>

After reload, this value will be in the new session variable.

edited Apr 1, 2014 at 21:26

halfer

20.2k19 gold badges110 silver badges207 bronze badges

answered Mar 30, 2014 at 13:57

Anri

1,7032 gold badges18 silver badges36 bronze badges

Collectives™ on Stack Overflow

How to post variable using jQuery to PHP?

4 Answers 4

2 Comments

1 Comment

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

2 Comments

Comments

Related