jQuery Ajax return multiple data

Question

I am using jQuery AJAX to return a string from PHP which consists of some JavaScript, PHP and HTML.

I can successfully do this with the following code:

header("Content-Type: text/html");
echo $content;

$.ajax({
    type: 'POST',
    url: url,
    data: data,
}).done(function(result) {

}).fail(function(jqXHR, textStatus, errorThrown) {
    console.log(jqXHR, textStatus, errorThrown);
});

The problem I have now is that I want to return some other simple values along this string as well.

But if I use json_encode to send an array of these values, it will break my string and won't be successful.

How could I send one value as string (without json_encode) and some other values with json_encode? (so I don't json_encode my string)

EDIT1:

Here is formatting issue 1:

return 'autoOpenPopup: '.!empty($options["autoOpenPopup"]) ? $this->int_to_bool($options["autoOpenPopup"]) : $this->int_to_bool(false) . PHP_EOL .';

2:

return '.!isset($options["popupInit"]) ?

                $playerId.' = jQuery("#'.$wrapperId.'").hap(settings);

            ':'

                if(hasLocalStorage){

                    if(!localStorage.getItem("hap_popup_fixed")){
                        '.$playerId.' = jQuery("#'.$wrapperId.'").hap(settings);
                    }
                }else{
                    '.$playerId.' = jQuery("#'.$wrapperId.'").hap(settings);  
                }

What about put your string into the array then json_encode both? — Chay22
– Chay22, Commented Jul 14, 2016 at 17:54
I tried json_encode just on my string and it breaks. Putting it in array doesnt seem to change anything: pastie.org/10907465 — Toniq
– Toniq, Commented Jul 14, 2016 at 18:01
Well, you should post the actual code to find what makes it break. — Chay22
– Chay22, Commented Jul 14, 2016 at 19:34

Sam Battat · Accepted Answer · 2016-07-14 19:46:31Z

4

The best way is to json_encode your data and string together;

$data = array('some', 'array', 'elements');

$string = 'my string';

$data2 = array('more', 'data');

Then you combine all of them in one array:

$result  = array();
$result['data1'] = $data;
$result['string'] = $string;
$result['data2'] = $data2;

Finally json_encode the array:

echo json_encode($result);

Then you read the result in JS:

$.ajax({
    type: 'POST',
    url: url,
    data: data,
}).done(function(result) {
  var jsonResult = $.parseJSON
  var data1 = result.data;
  var data2 = jsonResult.data2;
  var str = jsonResult.string;

}).fail(function(jqXHR, textStatus, errorThrown) {
    console.log(jqXHR, textStatus, errorThrown);
});

edited Jul 14, 2016 at 19:46

answered Jul 14, 2016 at 18:00

Sam Battat

5,7651 gold badge22 silver badges29 bronze badges

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

3 Comments

Toniq Over a year ago

I tried json_encode just on my string and it breaks. (I guess because its long mix of php, html, javascript)

Sam Battat Over a year ago

could you share the string with us to take a look?

Sam Battat Over a year ago

I will also include the code to read the data based on my example

Ramin eghbalian · Accepted Answer · 2020-05-29 12:13:56Z

0

header('Content-type: application/json');
echo json_encode($data, true);

and in your $.ajax({...dataType:'json'});

edited May 29, 2020 at 12:13

Ramin eghbalian

2,6851 gold badge22 silver badges38 bronze badges

answered Jul 14, 2016 at 18:18

Anatoliy Gusarov

8089 silver badges22 bronze badges

Collectives™ on Stack Overflow

jQuery Ajax return multiple data

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related