Sending html to Javascript from PHP via JSON obejct

Question

I'm sending some data from php through ajax to jquery.

If $content="ABC"; everything is OK. I get alert with ABC.

If $content="<div>ABC</div>"; then Houston has a problem. Nothing happens at all.

Here is PHP code

$json = json_encode(array("content" => $content));
echo $json;

And this is Jquery

 $('#'+pic_type+'_form_n_'+pic_number).ajaxSubmit({
 success: function(responseimage){
 result = jQuery.parseJSON(responseimage);
 alert(result.content);

Any ideas ?

UPDATE! I've removed jQuery.parseJSON so that line has only this code

result = responseimage;

And now I get the result in alert. The result is the following

{"content":".<div>ABC&lt;\/div&gt;."}</div>

So we can see that JSON is not created well. I;ve tried utf8_encode and trim , but they do nothing to the result. result is strange.

Wrapping html in json is [almost always] plain wrong. Send raw data, and style it via client-side templating. — moonwave99
– moonwave99, Commented Dec 6, 2012 at 11:39
I'm sending multiple data from PHP. That's why I need JSON, I've wrote only part of the code that's why you see only one JSON object — David
– David, Commented Dec 6, 2012 at 11:41
Yeah, I am just advising you to send raw data [text, strings, numerals], then to create DOM stuff in the browser. In case you are dealing with meta HTML [e.g. snippets of code like in Gist], it makes sense to send html code, but properly escaped as well. — moonwave99
– moonwave99, Commented Dec 6, 2012 at 11:46
@moonwave99 I understand you, but building html elements with javascript will be pain in .... for me :) maybe there is another way to do it the way I wanted? — David
– David, Commented Dec 6, 2012 at 11:52

Kafoso · Accepted Answer · 2012-12-06 11:49:25Z

0

PHP (and JSON) code seems fine, provided that the variable $content actually has any content. Else the PHP script will fail and there's your problem.

Did you define the dataType as "json" in the AJAX request?

$.ajax({
    url: 'json.php',
    dataType: 'json',
    success:function(data){
        console.log(data);
    }
});

answered Dec 6, 2012 at 11:49

Kafoso

5543 silver badges20 bronze badges

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

1 Comment

David Over a year ago

I do not use $.ajax, instead of that I'm sending the whole form using jquery_form plugin. I've updated th first post so you could see the code

Subodh · Accepted Answer · 2012-12-06 12:19:22Z

0

I think you just need to utf8_encode your response before doing json_encode. Just change this :

$content = utf8_encode("<div>ABC</div>");

answered Dec 6, 2012 at 12:19

Subodh

2,21418 silver badges22 bronze badges

5 Comments

David Over a year ago

no luck. Again error > SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data

Subodh Over a year ago

Can u try die( $json ) instead of echo $json in your php code ?

David Over a year ago

I've tried but no luck. The same error > SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data

David Over a year ago

Also I'm googling this error and here is what I've found. stackoverflow.com/questions/7972110/… by the I use dreaviewer but The answer in that link is a bit complicated for me.

Subodh Over a year ago

did you try trimming the $json using trim($json) before doing echo ?

moonwave99 · Accepted Answer · 2012-12-06 12:30:33Z

0

You are delivering invalid json somehow - please put your raw response in JSONLint, it will tell you what is wrong.

answered Dec 6, 2012 at 12:30

moonwave99

22.9k3 gold badges48 silver badges71 bronze badges

6 Comments

David Over a year ago

Parse error on line 1: <div>ABC</div> ^ Expecting '{', '[' Now what does that mean ?????

moonwave99 Over a year ago

By raw response I intend the echo of json_encode(array("content" => $content));, not just the html of course.

David Over a year ago

I have no info about what will come from that echo cause script fails to perform on my server. So what I can put there ? I have no result to test

David Over a year ago

I thout it kinda php tester and put there php lines but it does not works

moonwave99 Over a year ago

Frankly speaking, I really advise you to find a nice resource about how web works, and learn it from scratch: just patching a bad designed script with no clue about formats and standards won't help you at all.

|

Collectives™ on Stack Overflow

Sending html to Javascript from PHP via JSON obejct

3 Answers 3

1 Comment

5 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

5 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related