Convert json object to string

Question

I have the following controller:

public function getPrice()
{
    $id = $this->input->post('q');
    $data['price'] = $this->emodel->get_peUniformPrice($id);

    echo json_encode($data);
}

which outputs this:

"{\"price\":[{\"Price\":\"250\"}]}"

How can I make it like 250? My jQuery:

function showPrice(size) {
    $.ajax({
        type: "POST",
        url: "<?php echo site_url('enrollment/getPrice/');?>",
        data: {
            q: size
        },
        success: function(data) {
            $("#txtpeUniform").val(data);
        },
    });
}

You can use data.price[0].Price to get it.

rrk
– rrk

2016-03-01 10:46:29 +00:00
Commented Mar 1, 2016 at 10:46 — rrk
– rrk, Commented Mar 1, 2016 at 10:46

Thiren Govender · Accepted Answer · 2016-03-01 11:03:55Z

2

I can see that you are using jQuery.. if you want to turn the json object into a javascript object you could do something like

var convertedObject = $.parseJSON($data);
alert(convertedObject.Price);

what this effectively does is converts your Json string into a javascript object which you can reference the properties out of and the get the value from these properties.. let me give you another example

var jsonString = {'Firstname':'Thiren','Lastname':'Govender'};
var jObject = $.parseJSON(jsonString);
console.log(jObject.Firstname) // this will output Thiren.
console.log(jObject.Lastname) // this will output Govender.

modify your code

function showPrice(size) {
    $.ajax({
        type: "POST",
        url: "<?php echo site_url('enrollment/getPrice/');?>",
        data: {
            q: size
        },
        success: function(data) {
            console.log(data); // make sure this is returning something..
            $("#txtpeUniform").val(data);
        },
    });
}

I hope this helps you..

Regards

edited Mar 1, 2016 at 11:03

answered Mar 1, 2016 at 10:54

Thiren Govender

1861 silver badge3 bronze badges

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

8 Comments

Thiren Govender Over a year ago

type out what gets displayed in the log from the above modification

SilverRay Over a year ago

I posted the output in console log

Thiren Govender Over a year ago

Okay so its an array of prices, could you try this and give me the output. 'var priceData = $.parseJSON(data); console.log(priceData);'

SilverRay Over a year ago

it displays in the console log this {"price":[{"Price":"500"}]}

Thiren Govender Over a year ago

try this "$("#txtpeUniform").val(data.price[0].Price);"

|

Rory McCrossan · Accepted Answer · 2016-03-01 10:49:03Z

2

The $.ajax method will automatically deserialise the string to an object for you, so you simply need to access the required property. Assuming that you only ever want to retrieve the first price returned in the price array, you can access it directly by index. Try this:

success: function(data) {
    $("#txtpeUniform").val(data.price[0].Price); // = 250
},

answered Mar 1, 2016 at 10:49

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

7 Comments

Rory McCrossan Over a year ago

Have you checked the network console to ensure the AJAX request is successful and that data is being returned?

SilverRay Over a year ago

this is what the console log prints Uncaught TypeError: Cannot read property '0' of undefined.....

Rory McCrossan Over a year ago

That means that the price property is empty, or doesn't exist. What do you see in the console if you add console.log(data) to the above?

SilverRay Over a year ago

this is {"price":[{"Price":"250"}]}

Rory McCrossan Over a year ago

I am at a loss then, as that should be working fine: jsfiddle.net/fceje6kd

|

Collectives™ on Stack Overflow

Convert json object to string

2 Answers 2

8 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related