从api获取数据在页面中以HTML格式打印

Question

1. My data is having HTML as below

<p> Are you looking for a camera that will help you capture memorable moments with high clarity? If so, then Nikon D3200 24.2 MP

Digital SLR Camera is the answer

1. Fetching the data is as below

   var description=$.trim(products.description);

2. My requirement is HTML tags should apply while displaying in page using jquery. Please help with this !!

Answer 1

You can return the HTML by converting all applicable characters to HTML entities using htmlentities() PHP function.

So convert your String in PHP API like this,

$string="<p>Are you looking for a camera that will help you capture memorable moments with high clarity? If so, then Nikon D3200 24.2 MP Digital SLR Camera is the answer</p>";

$string=htmlentities($string);

Above code will make the returned string like this,

<p>Are you looking for a camera that will help you capture memorable moments with high clarity? If so, then Nikon D3200 24.2 MP Digital SLR Camera is the answer</p>

Which includes HTML entities,

Now when you set this string as HTML on page using jQuery OR Javascript, you will able to see HTML as it is on the page.

Reference: http://php.net/manual/en/function.htmlentities.php

Demo: https://eval.in/600050

---

If you want to set the HTML as it is on the HTML page, you can use .text() jQuery method.

So your code would look something line this,

var someHtmlString = "<p>Are you looking for a camera that will help you capture memorable moments with high clarity? If so, then Nikon D3200 24.2 MP Digital SLR Camera is the answer</p>";
$("div#DIV_ID").text(someHtmlString);

Above code will set HTML as is, without forcing it to render HTML.

jFiddle: https://jsfiddle.net/b3pr4qtb/

---

If you want to show HTML from API, which means showing bullet list and etc..
You can use .html() jQuery function.

So your code should look something like this,

var someHtmlString = "<ul><li>Are you looking for a camera that will help you capture memorable moments with high clarity? If so, then Nikon D3200 24.2 MP Digital SLR Camera is the answer</li></ul>";
$("div#DIV_ID").html(someHtmlString);

jFiddle: https://jsfiddle.net/b3pr4qtb/1/