php array data not working in JQuery

Question

The problem is in jQuery, jsondata.uname is not displaying any result. If I echo $myarray in PHP and use data in jQuery it will display the result in array form.

$(document).ready(function() {
    $('button#myloginbtn').on('click', function(e) {
        e.preventDefault();
        var username = $('input#myusername').val();
        var password = $('input#mypassword').val();
        $.post('home.php', {
            domylogin: 'domylogin',
            username: username, 
            password: password 
        }, function(data) {
            jsondata = JSON.parse(data);
            $('p#auser').text(jsondata.uname); // This is not working
        });
    });
});

home.php:

<?php 
    if (isset($_POST['domylogin'])){
        $myuname = $_POST['username'];
        $mypword = $_POST['password'];
        // temporary testing, later i will return some data from database related to these values
        $myarray = array(); 
        $myarray['uname'] = $myuname;
        $myarray['pword'] = $mypword;

        echo json_encode($myarray);
    }
?>

jQuery will automatically parse the response to an object for you. Using JSON.parse() on that object again will cause an error. Remove the JSON.parse(data) line and use $('p#auser').text(data.uname) — Rory McCrossan
– Rory McCrossan, Commented Feb 10, 2016 at 9:08

Imran Aslam · Accepted Answer · 2016-02-10 11:17:19Z

2

Thanks everyone for support, I had got the problem. I had some html code in my php file, on removing html code in 'home.php' everything works as supposed!

answered Feb 10, 2016 at 11:17

Imran Aslam

2082 silver badges15 bronze badges

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

Comments

Ravi Hirani · Accepted Answer · 2016-02-10 09:21:24Z

1

In your PHP file:-

 $myarray = array(); 
    if (isset($_POST['domylogin'])){
            $myuname = $_POST['username'];
            $mypword = $_POST['password'];             

            $myarray['uname'] = $myuname;
            $myarray['pword'] = $mypword;    

        }

 echo json_encode($myarray);

Write your AJAX call as below:-

$.post('home.php', {
    domylogin: 'domylogin',
    username: username, 
    password: password 
}) 
.done(function( data ) {  // Use done function        
    jsondata = JSON.parse(data);
    if(jQuery.isEmptyObject(jsondata) == false) // check jsondata is empty or not
    console.log(data);
    $('p#auser').text(jsondata.uname); 
 });

Hope it will help you:-

edited Feb 10, 2016 at 9:21

answered Feb 10, 2016 at 9:15

Ravi Hirani

6,5341 gold badge31 silver badges43 bronze badges

2 Comments

Ravi Hirani Over a year ago

Check my updated answer. Do you get data in done function?

Imran Aslam Over a year ago

did everything, still no luck!

Collectives™ on Stack Overflow

php array data not working in JQuery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related