Loading dynamic data using html() breaks the script when the loaded content has special characters

Question

I am getting dynamic data from the database and appending to my html using html() function. Everything works fine but when the dynamic data contains '>' or '<' tag as data the script takes it as a html tag and the data and script breaks.

function showKeywordActivity(e, t, n, r, i) {
    var s = $(e).find("input.keywordFrequencyIdList").val();
    var o = $(e).find("input.keywordId").val();
    var u = $(e).find(".keywordValue").val();
    $(".hashKeyword").text("#" + u);
    $("#tabs-1").html('<div class="innerBox"><div class="innerBoxcontent scroll"><div class="loadingWrap"><div class="loading"></div></div></div><div class="dashboardBottombox"></div></div>');
    $.ajax({type: "POST",url: "url",data: {pageUrlHandle: n,keywordId: o,pattern: u,serviceType: t,startDate: r,endDate: i,keywordType: $("#keywordActivityTypeFilter").val(),keywordType: $("#activityFilter").val()},dataType: "html",async: true,success: function(t) {
            $(e).css("background", "#F8FAFF");
            $("#tabs-1").html(t);
            $(".scroll").each(function() {
                $(this).mCustomScrollbar({theme: "light",advanced: {updateOnBrowserResize: true,updateOnContentResize: true,autoExpandHorizontalScroll: false,autoScrollOnFocus: true}})
            })
        },error: function(e, t) {
        }})
}

How to solve this error. anyone please help me

user1978142 · Accepted Answer · 2014-04-24 06:31:05Z

2

Use $("#tabs-1").text(t); instead of .html(); to escape special characters.

edited Apr 24, 2014 at 6:31

user1978142

7,9683 gold badges19 silver badges20 bronze badges

answered Apr 24, 2014 at 5:27

Demurgos

1,7121 gold badge22 silver badges43 bronze badges

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

Comments

Fizer Khan · Accepted Answer · 2014-04-24 05:39:42Z

0

If you want to html content to be placed inside some tag(lets say #target), then

 $('#target').html(content);

If you want to place text content, then

  $('#target').text(content);

answered Apr 24, 2014 at 5:39

Fizer Khan

93.7k30 gold badges147 silver badges156 bronze badges

Collectives™ on Stack Overflow

Loading dynamic data using html() breaks the script when the loaded content has special characters

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related