Execute php file with Ajax

Question

When I click on "Register Now" Button, I want to execute 'input.php' in which I have code to insert my data to the database and show a success message. I don't want to leave current page.

<input type="button" id="confirm" value="Register Now" class="button">

<script type="text/javascript">
$(document).ready(function() {
  $("#confirm").click(function() {
    <?php
    include 'input.php';
    ?>
    alert ("data Added successfully.");
  });
});
</script>

My code is giving me "data Added successfully" message but PHP file hasn't executed and no data is added to the database. All necessary data is in session variables.

Nice idea, but you cannot do that. Have a look a using jquery and look up the ajax call. — RiggsFolly
– RiggsFolly, Commented Jun 25, 2014 at 9:55
Not Possible Only Ajax is a solution PHP always executed first then js — Ashish
– Ashish, Commented Jun 25, 2014 at 9:58
You can send $_post request to input.php using ajax and tell input.php to echo out finish when script is done running and put the message in some div. — Nicco
– Nicco, Commented Jun 25, 2014 at 10:01

Luke Peterson · Accepted Answer · 2014-06-25 10:08:43Z

6

Suggest you try something like the below. You shouldn't be trying to execute PHP inside of a jQuery script. Do an AJAX call and pass the data through and process it in the PHP rather than relying on the session variables. For example:

<script type="text/javascript">
    $(document).ready(function () {
        $("#confirm").click(function () {
            $.ajax({
                    type: "POST",
                    url: "index.php",
                    data: {
                        firstname: "Bob",
                        lastname: "Jones"
                    }
                })
                .done(function (msg) {
                    alert("Data Saved: " + msg);
                });
        });
    });
</script>

Where firstname, lastname would be your normal session data.

You can learn more about the jQuery.ajax() function in the jQuery API Documentation.

edited Jun 25, 2014 at 10:08

answered Jun 25, 2014 at 10:02

Luke Peterson

8,9008 gold badges49 silver badges48 bronze badges

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

3 Comments

Tharaka Nuwan Over a year ago

Thanks, I'am working on it using Ajax now. according to your example i don't have to use Session variables. am i correct? Also as i learned from the url you provided, ".done(function (msg) { " msg means the string my input.php should return. so how can I ask my php to return the errors to this function?

Luke Peterson Over a year ago

Yes, just return the value from your PHP and it will be ready to use in the 'msg' variable.

Reishin Over a year ago

OP should not forget about protection of their PHP API and check "referrer" header as minimal requirement, as normal: use session auth tokens

Ballantine · Accepted Answer · 2014-06-25 09:57:17Z

1

To execute a Php script from javascript, you have to use Ajax.

the following code :

$("#confirm").click(function() {
    <?php
    include 'input.php';
    ?>
    alert ("data Added successfully.");
  });

will not work

http://api.jquery.com/jquery.ajax/

answered Jun 25, 2014 at 9:57

Ballantine

3381 silver badge8 bronze badges

Comments

FastFarm · Accepted Answer · 2015-04-30 20:56:06Z

1

You need to use AJAX. Ajax is the concept of calling php files from javascript from inside the page. You then get the php page output in a variable and you can choose wether you will display it or not. An example of this technology is the show more posts of Facebook. This can be easily done with jQuery.

$.post( PHP_FILE, { field1: 'value', field2: 'value'}).done(function( data ) 
{alert("this function will be run when the request is over and the variable data 
will have the output : " + data);});

edited Apr 30, 2015 at 20:56

FastFarm

4291 gold badge6 silver badges21 bronze badges

answered Jun 25, 2014 at 10:04

Valentin Mercier

5,3564 gold badges28 silver badges51 bronze badges

Comments

Darshan · Accepted Answer · 2014-06-25 10:14:16Z

0

you can do this by ajax post method..

 $.ready(function(){
 $("#confirm").click(function() {
 $.ajax({
 type: "POST",
 url: "give url to the input.php file ",
 data:,
 success:function(data)
 {
  alert('data');// data is the return value from input.php
  }
  });
  });

});

edited Jun 25, 2014 at 10:14

answered Jun 25, 2014 at 10:06

Darshan

3456 silver badges24 bronze badges

Comments

Sanjay Kumar N S · Accepted Answer · 2014-06-25 09:57:26Z

-1

Try this:

<input type="button" id="confirm" value="Register Now" class="button">    
<script type="text/javascript">
$(document).ready(function() {
  $("#confirm").click(function() {
    $.get('input.php').
    success(function(){
       alert ("data Added successfully.");
    });
  });
});
</script>

answered Jun 25, 2014 at 9:57

Sanjay Kumar N S

4,7595 gold badges25 silver badges41 bronze badges

1 Comment

Sanjay Kumar N S Over a year ago

Can you try adding the cdn link of JQuery and try. <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>.

hard2hack · Accepted Answer · 2014-06-25 10:04:24Z

-1

I'm not quite sure what you've tried to do there. Anyway here's a snippet of js that should do for you (I'm pretty sure in the new jQuery release there's a better way to do this though):

$.ajax({ 
    url: "input.php",
    success: 
        function(data)
        {
            // here, for example, you load the data received from input.php into
            // an html element with id #content and show an alert message
            $("#content").html(data);
            alert("Success")
        }
});

answered Jun 25, 2014 at 10:04

hard2hack

12 bronze badges

Collectives™ on Stack Overflow

Execute php file with Ajax

6 Answers 6

3 Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related