cant get json object to show using ajax/jquery

Question

I don't know much about JSON and have never been able to return something with JSON into ajax and show it using jquery despite of my many tries.
What I am trying to do is, send data using JSON object to the ajax while loading the profile of a user.

[Updated] php code:

<?php include(dirname(__FILE__). '/../script/config.php');
session_start();
$id = $_POST['u_search'];
$email = $_SESSION['Email'];

foreach($pdo->query("SELECT * FROM Users WHERE ID='$id'") as $row) {
    //$firstname = $row['FirstName'];
    //$lastname = $row['LastName'];
    $pic = $row['Pic'];
    $id = $row['ID'];
    $u_email = $row['Email'];
}
$firstname = "Jason";
    $lastname = "Born";
    $data = array("success"=> true,"inpt"=>"<p>Hello there! I am " . $firstname . " " . $lastname . "</p>");
    echo json_encode($data);
header("Content-Type: application/json");)
?>

<?php $pdo = null; ?>

Updated Ajax:

function op_prof(obj) {
    var value = obj.id;
    var dataString = "{'u_search':'"+value+"'}";
    $("#co_profile").show();
    $(".searchbox").val('');
    $("#usr_suggest").hide();

    $.ajax({
    type: "POST",
    url: '/script/profile.php',
    dataType: 'json',
    data: dataString,
    cache: false,
    success: function(data) {
        alert(console.log(data));
        alert(data);
        $("#co_profile").html(data.inpt).show();
        location.hash = 'profile' + 'id=' + dataString;
    }
  });
};

edit: When I use dataType: 'json' , nothing in success runs but when I remove it, they run..

edit: When I use datatype: 'json' instead of dataType: 'json' the codes in success run. I used alert(console.log(data)); , it says "undefined"

edit: I am using //ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js

First try to console.log(data) in success and print log in your question. — Smile
– Smile, Commented May 17, 2013 at 5:22
I am able to load json data Properly in my example with your preference. If you want I can share it. But first show your console.log(data). — Smile
– Smile, Commented May 17, 2013 at 5:33
Nothing in success runs .. thats wired .. I have put console.log(data); in success — Surfine
– Surfine, Commented May 17, 2013 at 5:33
But when I remove dataType: 'json' , everything in success runs — Surfine
– Surfine, Commented May 17, 2013 at 5:38
If you run your profile.php file then does it shows any error? Because I have doubt on use of '$id' and '$pic' in your first condition. — Smile
– Smile, Commented May 17, 2013 at 5:50

Santosh Kurdekar · Accepted Answer · 2013-05-17 05:41:59Z

1

if you put datatype:json means you have to send data:"" in json string format and even in the server side the variable name should match, so that it can read the value which you have sent.

example:

datatype:'json',
data : JSON.stringify({'u_search':'value'})

used JSON.js file for converting object to string.

answered May 17, 2013 at 5:41

Santosh Kurdekar

1181 silver badge9 bronze badges

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

Comments

Smile · Accepted Answer · 2013-05-17 09:09:52Z

1

var dataString = "{'u_search':'"+value+"'}";

dataType: 'json',
data: dataString,

Edit:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

edited May 17, 2013 at 9:09

answered May 17, 2013 at 5:47

Smile

2,7684 gold badges37 silver badges59 bronze badges

Comments

Kaustav Banerjee · Accepted Answer · 2013-05-17 07:42:04Z

0

Try this.

$.post("/script/profile.php",{dataString:dataString},function(data){
                alert(console.log(data));
    alert(data);
    $("#co_profile").html(data.inpt).show();
    location.hash = 'profile' + 'id=' + dataString;
            }, "json");   // USing JSON here for the returned value from server...

In your profile.php file you must be decoding the json format. Remember to collect the decoded json value in a variable with name dataString

answered May 17, 2013 at 7:42

Kaustav Banerjee

1141 silver badge4 bronze badges

Collectives™ on Stack Overflow

cant get json object to show using ajax/jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related