Using AJAX to call a php function keeps failing

Question

im having a problem trying to get an ajax call to trigger a php function and then return successfully. As far as i can see my syntax is correct.

But all i get back is failed! Any ideas?

EDIT

I have changed my AJAX request to send without using data, just to rule out that being a problem and i have implemented some of the things people suggested below but to no avail, heres what my 2 files look like now:

ship.js:

function set_ship()
{
//var datastring = {'ship':'true'};
$.ajax({
    type:'POST',
    url:'soap/classes/class.ship.php',
    success: function(success){
        alert('success');
    },
    error: function(fail){
        console.log(fail);
    }
});
}

And my PHP class.ship.php:

<?php
var_dump("hello");

header('Content-type: application/json');

echo json_encode(array("result"=>"true"));

From the var_dump on my PHP script i can see that the class.ship.php isnt even being called for some reason.

Thanks

If using Chrome you can check the network tab in inspector. You might see a 500 from your script. Clicking that might give you further info depending on your error reporting. — diggersworld
– diggersworld, Commented Nov 4, 2013 at 22:10
Not an answer to your question, but you're matching a boolean with a string in your code example, PHP swallows it but it looks silly. — pbond
– pbond, Commented Nov 4, 2013 at 22:24
I ran your code, and it worked for me. Is there anything else in class.ship.php besides the pasted code that could be messing up the response? — Dan
– Dan, Commented Nov 4, 2013 at 22:25
@Dan What was the URL you used? i have a sneaky suspicion that thats what is causing the error — Tom Burman
– Tom Burman, Commented Nov 5, 2013 at 8:14
I have /test.html /ship.js and /soap/classes/class.ship.php. Your latest edited code works, as long as I comment out the var_dump line. Stupid question, but you're including jquery in your version of test.html, right? — Dan
– Dan, Commented Nov 7, 2013 at 14:45

Althaf M · Accepted Answer · 2013-11-04 22:34:18Z

2

Please try this

 json_encode(array("result"=>"true"));

because

 json_encode(true) // will return just "true" which is not a valid json

Also try serializing the dataString , by doing

data: datastring.serialize();

answered Nov 4, 2013 at 22:34

Althaf M

5084 silver badges12 bronze badges

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

3 Comments

Tom Burman Over a year ago

I have tried these now, but still no luck still returning error :/

Althaf M Over a year ago

Have you tried accessing the soap/classes/class.ship.php from a browser ? are you getting all valid outputs ?

Althaf M Over a year ago

Also i believe that you have tried with he complete url, rather than relative path, as the relative path may vary depending on the page you are at ? Also try the error method with this signature, error:function(jqXHR jqXHR, String textStatus, String errorThrown ){ console.log(testStatus); }

Zali · Accepted Answer · 2013-11-04 22:22:05Z

0

lowercase JSON_ENCODE
success: function(~~success~~), error: function(~~fail~~)
check what is returned in network tab of firebug.

edited Nov 4, 2013 at 22:22

answered Nov 4, 2013 at 22:14

Zali

3212 silver badges5 bronze badges

Comments

Sabri Aziri · Accepted Answer · 2013-11-04 22:35:17Z

0

You need to set the content header to json header('Content-type: application/json'); and make sure you request return only json coz ajax is waiting only for "JSON" and it will throw parse error

if(isset($_POST['ship']) && $_POST['ship'] == "true"){
  $result = "result";
  header('Content-type: application/json');
  echo json_encode(true);
}

edited Nov 4, 2013 at 22:35

answered Nov 4, 2013 at 22:26

Sabri Aziri

4,2045 gold badges33 silver badges45 bronze badges

Comments

Gian Marco Toso · Accepted Answer · 2013-11-04 22:35:19Z

I would suggest that you check what it being actually returned by the server.

The error callback receives one argument representing the xhr object, so you can inspect that directly by placing a breakpoint or using console logging, like this

error: function(xhr) {
    console.log(xhr);
}

Likewise, the success callback receives three parameters: the status, the returned data and the XMLHTTPRequest Object, so you can check those in the very same way:

success: function(status, data, xhr) {
    console.log(status, data, xhr);
}

You should look for the response status code and the response text in the xhr object to understand what is going wrong. If you're seeing a 200 OK response status, the data returned from the server is probably not being interpreted correctly as JSON data, so you should try setting the response header server side to application/json.

An error might occur also if something else is appended or prepended to your response. This happens especially when warnings occur in the code before returning and you have error reporting set to ON.

Collectives™ on Stack Overflow

Using AJAX to call a php function keeps failing

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related