how to add url from json data in the href tag in javascript

Question

i have a url value from the json response which is like

url=response.url.urlname;(//suppose this contains the value like www.google.com)

now i want to include it in anchor tag in my javascript code web is div in html page

<div id="web>
$("#web").append('<a href="http://"'+url+'"" rel="external" data-direction="reverse">'+url+'</a>');

i am unable to load the page.can anybody help me for this concatenation?

checking if url is set first (console.log) shows correct url? Scope of url var is ok? in generated code - what do you see as href=""? — nettutvikler
– nettutvikler, Commented Nov 28, 2014 at 6:01

codingrose · Accepted Answer · 2014-11-28 06:02:32Z

2

It seems that you have not used quotes properly.

Try this:

$("#web").append("<a href='http://"+url+"' rel='external' data-direction='reverse'>"+url+"</a>");

OR this:

$('#web').append('<a href="http://'+url+'" rel="external" data-direction="reverse">'+url+'</a>');

answered Nov 28, 2014 at 6:02

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

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

Comments

Eric Herlitz · Accepted Answer · 2014-11-28 06:07:50Z

0

Seems as you are using bad quotation

var url = "www.google.com"
var link = '<a href="http://"'+url+'"" rel="external" data-direction="reverse">'+url+'</a>'
// returns: "<a href="http://"www.google.com"" rel="external" data-direction="reverse">www.google.com</a>"


var url = "www.google.com"
var link = '<a href="http://'+url+'" rel="external" data-direction="reverse">'+url+'</a>'
// returns: "<a href="http://www.google.com" rel="external" data-direction="reverse">www.google.com</a>"

answered Nov 28, 2014 at 6:07

Eric Herlitz

26.4k28 gold badges117 silver badges167 bronze badges

Collectives™ on Stack Overflow

how to add url from json data in the href tag in javascript

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