How can i get php variable data from ajax response data

Question

i have a program where i post data by radio button and send it to a php page by jquery ajax function . I want to get variable data from this page so that i can use it in my page from where i send the data . can anyone help me

<script type="text/javascript">
function getDesign() {
    var radioValue = $("input[name='metal']:checked").val();
    $.ajax({
        type: "POST",
        url: "<?php echo SITE_URL; ?>image_filter.php",
        data:'metal='+radioValue,
        success: function(data){
            //$("#desc2").html(data);
            alert(data);
        }
    });
}
</script> 
<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    echo $metal;
?>

i want to use the metal variable in my main page

does the alert(data) show the value? what's the output of echo $metal; ? — pr1nc3
– pr1nc3, Commented Jul 16, 2019 at 11:14
The explanation of the duplicate's answer: data should be an object with key/value pairs: data: { metal: radioValue }, — Kaddath
– Kaddath, Commented Jul 16, 2019 at 11:21

Vinay Patil · Accepted Answer · 2019-07-16 11:43:50Z

1

Use dataType option to accept the response in JSON format.

<script type="text/javascript">
function getDesign() {
    var radioValue = $("input[name='metal']:checked").val();
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "<?php echo SITE_URL; ?>image_filter.php",
        data: {
           metal: radioValue,
           finish: ''
        },
        success: function(data){
            console.log(data.metal);
            console.log(data.finish);
        }
    });
}
</script> 

<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    echo json_encode([
        'metal' => $metal,
        'finish' => $finish
    ]);
?>

Refer to this documentation regarding dataType

edited Jul 16, 2019 at 11:43

answered Jul 16, 2019 at 11:15

Vinay Patil

7466 silver badges19 bronze badges

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

6 Comments

Panda Surya Over a year ago

Thanks vinay for your response. But how could i decode the datatype json and assign to a variable

Vinay Patil Over a year ago

@PandaSurya please check the awnser again I have modified the success function. You will get the json data in object format which you can access as shown in the above answer. Also can you specify the reason for give -ve vote?

Kaddath Over a year ago

Using JSON will not solve the problem, data in the success function can perfectly be raw text, it will work all right. See the suggested duplicate.

Vinay Patil Over a year ago

@Kaddath accessing data in raw test or using object will result in same thing. Here is the modified statement for success $("#desc2").html(data.metal); which also result the same.

Kaddath Over a year ago

It will work since your last edit because you changed the way the value is passed in the $.ajax options accordingly to the duplicate suggestion, not because you use JSON (and this should be the explanation in the answer or else it will mislead the OP). And no, using raw text or JSON will not result in the same thing, if you use raw text, data.metal will be undefined.. note I didn't downvote your answer yet

|

Shivani Sonagara · Accepted Answer · 2019-07-16 11:23:50Z

0

You can return json in PHP this way:

<?php
    $metal = $_POST['metal'];
    $finish = $_POST['finish'];
    header('Content-Type: application/json');
    $json = json_encode(array("metal"=>$metal));
    echo $json;
    exit;
?>

answered Jul 16, 2019 at 11:23

Shivani Sonagara

1,3079 silver badges21 bronze badges

1 Comment

Kaddath Over a year ago

Using JSON will not solve the problem, data in the success function can perfectly be raw text, it will work all right. See the suggested duplicate.

Collectives™ on Stack Overflow

How can i get php variable data from ajax response data

2 Answers 2

6 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related