PHP function doesn't work with Ajax

Question

I have some button and on click JS for it:

<button id="trigger">Send</button>

and JS to invoke simple action

$('#trigger').on("click", function(event){ 
                    jQuery.ajax({
                        type: "POST",
                        url: 'functions.php',
                        dataType: 'json',
                        data: {functionname: 'add', arguments: [1, 2]},

                        success: function (obj, textstatus) {
                            alert('test success');
                        },
                        complete: function (obj, textstatus) {
                            alert('test complete');
                        }
                    });
                });

In above ajax I put functions.php with other simple function:

<?php

$message = "PHP Funtion Alert";
echo "<script type='text/javascript'>alert('$message');</script>";

?>

But, I got only alert invoked from alert('test complete'); How invoke alert from PHP file?

PS. this is only example. In PHP file will be some DB functions.

What exactly are you trying to do? Run the alert message spit out from the php file? If so, you should just echo some text, then through jQuery alert the message. — HumbleWebDev
– HumbleWebDev, Commented Aug 28, 2017 at 21:05
I try to run PHP functions from functions.php file, when I click on the button — DarSta
– DarSta, Commented Aug 28, 2017 at 21:12

adeneo · Accepted Answer · 2017-08-28 21:05:51Z

1

You're expecting JSON, hence the

dataType: 'json',

Yet, you're returning a script tag?

echo "<script type='text/javascript'>alert('$message');</script>";

And that's an error. What you want is to return valid JSON

$message = array("message" => "PHP Funtion Alert");
echo json_encode($message);

Then catch in the ajax function

jQuery.ajax({
  type     : "POST",
  url      : 'functions.php',
  dataType : 'json',
  data     : {
    data : 'to be sent'
  }
}).done(function(data) {
  console.log(data.message);
}).fail(function() {
    console.log(arguments);
});

answered Aug 28, 2017 at 21:05

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

8 Comments

DarSta Over a year ago

can I use other dataType?

HumbleWebDev Over a year ago

Also, I wound ommit the dataType: 'json'. Why? Because then you'll need to use JSON.parse();

DarSta Over a year ago

then I got: test success, and then test complete. I didnt get PHP Funtion Alert

HumbleWebDev Over a year ago

function respond($result){ header('Content-type:application/json;charset=utf-8'); exit(json_encode($result)); } use this php function to send an array JSON response back to the client.

Qirel Over a year ago

I wouldn't leave out the dataType. It tells you what you expect back - and if you expect json, then it should be set to json. But the PHP header should be set to json, and use json_encode() and return an array - alert it in the success

|

Collectives™ on Stack Overflow

PHP function doesn't work with Ajax

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related