php get variable from ajax

Question

I am using ajax to send parameters and consult them, everything is functional only when obtaining the array with the records does not allow me to display the values independently

this is index.php

<script>
    $(document).ready(function(){
        $("#Montox").change(function(){
            var varmonto = $("#Montox").val();
            $.ajax({
                method: "post",
                url: "ajax/calc.php",
                data: {monto:varmonto}
            })
            .done(function(data){

                    $('#chattext').html(data['username1']);
                    $('#chattext2').html(data['username2']);/*I NEED TO SHOW THE DATA 'username2'*/

            });
        });
    });
</script>

this is my calc.php

<?php
echo json_encode(array('username1' => "luis", 'username2' => "jose"));

?>

It is not working, it does not show me the value of username1 and username2 — jeff
– jeff, Commented Sep 2, 2019 at 21:07

Barmar · Accepted Answer · 2019-09-02 21:11:44Z

3

You're not parsing the response as JSON. You can:

Use the dataType: 'json' option to $.ajax() to make it parse it as JSON automatically.
Call header("Content-type: text/json"); in PHP to tell jQuery that the response is JSON.
Use data = JSON.parse(data) in the .done() function to parse it explicitly.

answered Sep 2, 2019 at 21:11

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

1 Comment

user11897373 Over a year ago

JSON.parse can trown an error and stuck your code when the JSON is malformed. If the ajax header or the dataType is set as JSON, the ajax "fail()" promise or "error" callback will be triggered if the JSON is malformed.

José A. Zapata · Accepted Answer · 2019-09-02 21:25:29Z

Since you're expecting a JSON result from your server, you need to set the dataType property on your ajax call to return a Javascript object that you can manipulate. Like this:

<script>
    $(document).ready(function(){
        $("#Montox").change(function(){
            var varmonto = $("#Montox").val();
            $.ajax({
                method: "post",
                url: "ajax/calc.php",
                data: {monto:varmonto},
                dataType: 'json'
            })
            .done(function(data){
                    // 'data' is a javascript object, not an array!

                    $('#chattext').html(data.username1);
                    $('#chattext2').html(data.username2);/*I NEED TO SHOW THE DATA 'username2'*/

            });
        });
    });
</script>

That should work.

user11897373 · Accepted Answer · 2019-09-02 21:13:16Z

1

Force JSON object inside the ajax with:

$.ajax({
     method: "post",
     url: "ajax/calc.php",
     data: {monto:varmonto},
     dataType: "json" //<--- HERE
})

answered Sep 2, 2019 at 21:13

user11897373

Comments

JuJoGuAl · Accepted Answer · 2019-09-02 21:53:35Z

1

You need add Json TYPE in your ajax header dataType: "json" it will allow you to get json text and parse it.

And for the next time, post the RESULT of (data) if you wanna a real help

answered Sep 2, 2019 at 21:53

JuJoGuAl

1192 silver badges16 bronze badges

Collectives™ on Stack Overflow

php get variable from ajax

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related