如何转换成HTML

时间:2014-08-04 04:42:19

标签: javascript jquery

我正在使用此代码提取手机搜索数据并分配到target_id:

jQuery.ajaxSetup ({
        cache: false
    });
    var ajax_load = "<h2>Please wait</h2>";

        jQuery(target_id).html(ajax_load).load(loadUrl);

这是GET查询的输出,但它没有在HTML中正确显示:

GET

的结果
({"r": "<div class=\"phone_results\"><div class=\"phoneblock\">\n\t<div class=\"img\"><img src=\"http:\/\/directory.ddnschool.ac.in\/noimage\/NoImageM_xsm.png\"><\/div>\n\t<div class=\"text\">\n\t    <div class=\"name\">Agg,  <\/div>\n\t\n\t\n\tBusiness: 150 IT Office<br \/>\n\t<\/div>\n\t<hr class=\"divider\" \/>\n    <\/div>\n<div class=\"phoneblock\">\n\t<div class=\"img\"><img src=\"http:\/\/directory.ddnschool.ac.in\/noimage\/NoImageM_xsm.png\"><\/div>\n\t<div class=\"text\">\n\t    <div class=\"name\">Gup, Ag<\/div>\n\t<a class=\"email\" href=\"mailto:agg@ddnschool.ac.in\">agg@ddnschool.ac.in<\/a><br \/>\n\tt Lower<br \/>\n\tBusiness: 305 IT Manager's Office<br \/>\n\t<\/div>\n\t<hr class=\"divider\" \/>\n    \n\
\n\
\n\
<\/div>\n<\/div><br style=\"clear: both\" \/><div class=\"message\"> &nbsp; <span>Showing 1 - 2 of 2 results.<\/span> &nbsp; <\/div>"});

所以这是JSON数据,我也需要删除反斜杠。在HTML中显示它的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

试试这个;

$.ajax({
    url: loadUrl,
    dataType: "json",
    success: function (data) {
        $(target_id).html(data.r);
    }
});

JSFiddle