Replace a part of an AJAX response

Question

I need to replace a part of an AJAX response,I have an ajax response on this form for example:

{"vals":["val1223","val1389","val1897","val1321"]}

I need to replace 'val1' for each of these values and render them in italic form for example.

I tried like this but nothing changed on my display:

 var queryvar =$('#search').val();//value sent in AJAX query
display="";
display +="<ul>";

 //in response

 if(data.vals){
    $.each(data.vals, function(k,v){
       v = v.replace(queryvar, '<i>' +queryvar+ '</i>'); 
       display +='<li>' + v + '</li>';
    }); 
  }
display +="</ul>";
$('#results').html(display);

Related: [How do you pass a variable to a Regular Expression JavaScript?](http://stackoverflow.com/q/494035/218196) — Felix Kling, May 26 '14 at 18:41

Samuel · Answer 1 · 2014-05-26T20:02:28.453

1

iTry this

 if(data.vals){
    var reg = new RegExp(queryvar,"i");
    $.each(data.vals, function(k,v){
       v = v.replace(reg, '<i>' +queryvar+ '</i>'); 
       display +='<li>' + v + '</li>';
    }); 
  }

http://jsfiddle.net/Ahc9U/

edited May 26 '14 at 20:02

answered May 26 '14 at 18:50

Samuel

1,149
8
25

There are anything in Console? – Samuel May 26 '14 at 19:41
I understood why it doesn't work:my values are in capital letter:VAL1222,VAL1389.... – user222914 May 26 '14 at 19:58
Try now, I changed RegExp(queryvar,"g"); to RegExp(queryvar,"i"); – Samuel May 26 '14 at 20:03
Yes now it's ok thanks,the query values are in italic but always in lowercase,thanks a lot!!!! – user222914 May 26 '14 at 20:14

Ramy Nasr · Accepted Answer · 2014-05-26T19:17:15.737

0

If you want to replace val1, check replace() and there is no need for regex here.

v = v.replace(queryvar, '<i>' + queryvar + '</i>');

Here is a working demo, thanks to @kmsdev

edited May 26 '14 at 19:17

answered May 26 '14 at 18:41

Ramy Nasr

2,367
20
24

please elaborate what do you mean by "doesn't work" ? is there an error? what is the behavior you are seeing? – Ramy Nasr May 26 '14 at 18:45
I have the same result when I display the results,no part is displayed in italic.Also I want to remember that my query value is val1 – user222914 May 26 '14 at 18:47
It might be a CSS issue. did you check the HTML itself? – Ramy Nasr May 26 '14 at 18:48
Thanks for the demo. I added it to the answer. – Ramy Nasr May 26 '14 at 19:17

Replace a part of an AJAX response

2 Answers2