如何从ajax的数据成功中选择结果？

Question

These are my code:

$("#promo_form").submit(function(stay){
    $.ajax ({
        type: "post",
        url: "<?=base_url()?>promo/code_validate",
        data: $("#promo_form").serialize(),
        success: function(data){
            $("#myModalLabel").html(data);
        }
    });
    stay.preventDefault();
});

And the success data result below:

$result1 = "code is invalid";

$result2 = "promo unavailable";

How can I select these and retrieve it?

This is what I did below but now working.

$("#myModalLabel").html(data->result1);

Answer 1

JavaScript uses dot syntax for accessing object properties, so...

$("#myModalLabel").html(data.result1);

I'll also add that you want to make sure the page at promo/code_validate prints out a JSON response, as that is how data will become an object ( $.ajax is intelligent about how to parse the server's response, see the link below). So your code_validate page might look something like this:

{
    "result1": "code is invalid",
    "result2": "promo unavailable"
}

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

Answer 2

Vincent, add the dataType paramater to your ajax call, setting it to 'json'. Then just parse the response to convert it to an object so that you can access the variables easily, eg

in AJAX call:
dataType: "json"

in success function:
var obj = jquery.parseJSON(data);
console.log(obj);//echo the object to the console
console.log(obj.result1);//echo the result1 property only, for example

Answer 3

The simplest way to do what you want is create a php associative array of your values then json encode the array and echo the resulting string like this:

$response = ["result1"=>"code is invalid", "result2"=>"promo unavailable"];
echo json_encode($response);

Then on the client side, access them like this

$("#promo_form").submit(function(stay){
    $.ajax ({
        type: "post",
        url: "<?=base_url()?>promo/code_validate",
        data: $("#promo_form").serialize(),
        success: function(data){
           $("#modal-1").html(data.result1); 
           $("#modal-2").html(data.result2);
        }
    });
    stay.preventDefault();
});

Answer 4

Do this

Function controller

function code_validate()
{
    echo json_encode(array('result1'=>'Code is invalid',
                           'result2'=>'Promo not available');
}

Javascript

$("#promo_form").submit(function(stay){
    $.ajax ({
        type: "post",
        url: "<?=base_url()?>promo/code_validate",
        data: $("#promo_form").serialize(),
        success: function(data){
            var mydata = JSON.parse(data);
            console.log(mydata.result1);
            console.log(mydata.result1);
        }
    });
    stay.preventDefault();
});

You must return it as JSON.

Goodluck meyt