Escape html by PHP then add by jquery

Question

I have following html (html may be vary) in php variable. I have used append function (jQuery) for adding this html but always fail...... (due to not properly formated html). I've tried htmlentities,html_entity_decode and htmlspecialchars function for formating html but not success.... :( Any-buddy know how to escaped this html. (either by PHP or jquery and how???? appreciate for your answer)

<tr>
    <td class='paramlist_key'>
        <label id='ID' for='FOR' class='CLASS'>*AT</label>
    </td>
    <td class='CLASS_A'>
        <select id="19" name="Name" class="cc" title="" style="" size="">
            <option value="" >Select below</option>
            <option value="A" selected="selected">A</option>
            <option value="B">B</option>
        </select>
        <span id="mm" style="display:none;">&nbsp;</span>
    </td>
</tr>

"due to not properly formated html" what error you are getting? — VibhaJ, Oct 30 '12 at 13:43
I was just going to edit it by [jsbeautifier](http://jsbeautifier.org/) — Shiplu Mokaddim, Oct 30 '12 at 13:45
look here maybe: http://stackoverflow.com/questions/171027/add-table-row-in-jquery — Adder, Oct 30 '12 at 13:46
Have you tried to use only `"` or `'` in your html? I see you're using both and that would most likely break the js. — tftd, Oct 30 '12 at 13:46
You have some HTML code in a PHP variable and you're asking how to append that in jQuery. Is your actual question: How can I append the response of an AJAX request by jQuery? I'm confused. — inhan, Oct 30 '12 at 13:47
@ManishTrivedi what is `elementIdentification` the problem seems to be with the jQuery selector — Rafay, Oct 30 '12 at 13:47
@inhan: It's not ajaxified. Just added in jquery and task(add and remove html) as per action (Java-script event) — Manish Trivedi, Oct 30 '12 at 13:55

score 2 · Answer 1 · edited Oct 30 '12 at 13:49

2

Javascript code execution may be broken because of next line. Try this:

$('elementIdentification').before("< ?php echo str_replace('\r\n','',str_replace('\n','',$html)); ?>");

edited Oct 30 '12 at 13:49

Rafay

30,950
5
68
101

answered Oct 30 '12 at 13:46

VibhaJ

2,256
19
31

score 0 · Answer 2 · answered Oct 30 '12 at 13:44

0

You may not require jQuery Append to do this, if the HTML is decoded, you may simply echo it.

answered Oct 30 '12 at 13:44

SHAKIR SHABBIR

1,295
1
14
25

he may be getting the html via ajax – tftd Oct 30 '12 at 13:45
This html add and remove as per action (java-script events) – Manish Trivedi Oct 30 '12 at 13:47
Ok, then my answer is useless, I will be deleting it in a while – SHAKIR SHABBIR Oct 30 '12 at 13:50

score 0 · Accepted Answer · answered Oct 30 '12 at 13:51

You need to convert the HTML to a valid JavaScript string, which means it has to be 1 line and all "-quotes or '-quotes must be escaped, depending on which your outer style will be in the final JS. So something like:

$html = str_replace("\n", "\\n", $html);
$html = str_replace('"', '\"', $html);

Or even easier, just json_encode() it and omit the quotes in the JS script itself as json_encode() will add those.

Escape html by PHP then add by jquery

3 Answers3