Ajax passing boolean along with HTML from server to client with HTML data type

Question

I have a PHP file which is responding to a jQuery Ajax call with dataType: 'HTML',. The PHP looks like

if( $result->num_rows > 0 ){
    ....
    echo '<p>There are some user already </p>';
} 
else{
    echo '<p>List is empty </p>';
}

this is working fine on my JS side like

ajaxcall.done(function(data) {  
  $('#call-result').html(data);
});

but I also need to add some business logic on client side to the page by passing a Boolean flag from the server to the JS. How can I pass the true false along with HTML snippet from the server to client?

but how to get it in client side? I am printing all data into $('#call-result').html(data); — Mona Coder
– Mona Coder, Commented Dec 12, 2018 at 17:15
miken32, this is not about returning json from server! Please take time and read question carefully — Mona Coder
– Mona Coder, Commented Dec 12, 2018 at 17:16
Just parse it in your callback function. data.result can be your boolean and data.html can be your HTML, for example. I believe jQuery will automatically parse the JSON response into an object. — miken32
– miken32, Commented Dec 12, 2018 at 17:16

miken32 · Accepted Answer · 2018-12-12 17:27:06Z

1

Just use JSON to respond:

<?php
if ($result->num_rows > 0) {
    $html = '<p>There are some user already </p>';
    $result = false;
} else{
    $html = '<p>List is empty </p>';
    $result = true;
}
$response = ["html"=>$html, "result"=>$result];
header("Content-Type: application/json");
echo json_encode($response);

Then, in your JS:

ajaxcall.done(function(data) {
    var result = data.result;
    $('#call-result').html(data.html);
});

jQuery will automatically parse a response of type json into a JavaScript object so you can access the elements directly.

answered Dec 12, 2018 at 17:27

miken32

42.5k16 gold badges127 silver badges177 bronze badges

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

1 Comment

Mona Coder Over a year ago

Thanks miken32, Not funny gilbert!

Collectives™ on Stack Overflow

Ajax passing boolean along with HTML from server to client with HTML data type

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related