javascript - display html on node.js

Question

i'm new in nodejs. i'm trying to show html form via nodejs,here is my code :

function start(response){
	console.log("Request handler 'start' was called.");
	var body = '<html>\n'+
	'<head>\n'+
	'<meta http-equiv="Content-Type" content = "text/html:'+
	'charset = UTF-8" />'+
	'</head>'+
	'<body>'+
	'<form action="/upload" method="post">'+
	'<textarea name="text" rows="20" cols="60"></textarea>'+
	'<input type="submit" value="submit text" />'+
	'</form>'+
	'</body>'+
	'</html>';
	response.writeHead(200,{"Content-Type":"text/plain"});
	response.write(body);
	response.end();
}

the problem is when i run the code server just give me html source check image :

where is my problem ?

Quentin · Accepted Answer · 2016-09-10 09:07:40Z

1

response.writeHead(200,{"Content-Type":"text/plain"});

You've told the browser that you are sending it plain text, so it is rendering the document as plain text.

If you are sending HTML, then say it is HTML.

Content-Type: text/html

answered Sep 10, 2016 at 9:07

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Alok Patel · Accepted Answer · 2016-09-10 09:13:12Z

0

That's because of the Content-Type you've given.

response.writeHead(200,{"Content-Type":"text/plain"});

It's text/plain which means browser will render the response as PLAIN TEXT instead of HTML.

What you need to do is set Valid content type to render the response as HTML.

For HTML correct Content Type is text/html. So your code would look something like this,

response.writeHead(200,{"Content-Type":"text/html"});

List of content types

answered Sep 10, 2016 at 9:13

Alok Patel

8,0726 gold badges35 silver badges48 bronze badges

Collectives™ on Stack Overflow

javascript - display html on node.js

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