This code works:

$(this).load($('.pageloadlabel', this).attr('href'), {category: 1});

This code doesn't work:

var data = '{category: 1}';
$(this).load($('.pageloadlabel', this).attr('href'), data);

The question is, how can I make it work?

This code works:

$(this).load($('.pageloadlabel', this).attr('href'), {category: 1});

This code doesn't work:

var data = '{category: 1}';
$(this).load($('.pageloadlabel', this).attr('href'), data);

The question is, how can I make it work?

• javascript
• jquery

• 2 Try removing the quotes around the JSON when you assign to data. – i_am_jorf Commented Jul 28, 2010 at 17:12

4 Answers 4

Your data is not a Javascript object but a string, you can convert it to object by eval e.g.

data = eval('(' + data + ')');

but eval is considered dangerous, so better to parse string as JSON e.g.

data = JSON.parse(data)

For JSON lib you can use json2

It's not JSON, it's a javascript object.

var data = { category: 1 };

If you have a string, you would have to convert it to a object.

And notice that your string is not a valid JSON, see the link for more details.

Take out the quotes, the load function is expecting an object, not a string.

Have you tried to use eval() on data?

var data = '{category: 1}';
$(this).load($('.pageloadlabel', this).attr('href'), eval(data));