node/express - How to render user input to a page?

Question

I am trying to render some text using node/express. I have a html file contains a form.

search.ejs

$(document).ready(function(){
    var userInput;
    $("#submit-button-id").click(function(){
        userInput = $1_11_1("#userInput").val();
        $.get("http://localhost:3000/searching", {
            userInput: userInput
        }, function(){});
    });
});

app.js

app.get('/searching', function(req, res){
    var userInput = req.query.userInput;

    /** I am able to get the userInput (the code above works) */

    res.send(userInput);

    /** I want to render the userInput (for instance, on localhost:3000/results) */
});

Any help/links would be greatly appreciated, thanks!

Maike · Accepted Answer · 2016-06-29 00:17:36Z

1

In your app.js, you are sending the userInput information back to search.ejs. this is the location:

$(document).ready(function(){
    var userInput;
    $("#submit-button-id").click(function(){
        userInput = $1_11_1("#userInput").val();
        $.get("http://localhost:3000/searching", {
            userInput: userInput
        }, function(){***User data can be used here***});
    });
});

So the following code would work to render your raw data into a div on your html page called render-div:

$(document).ready(function(){
    var userInput;
    $("#submit-button-id").click(function(){
        userInput = $1_11_1("#userInput").val();
        $.get("http://localhost:3000/searching", {
            userInput: userInput
        }, function(userInputData){
            $('.render-div).append(userInputData);

        });
    });
});`

edited Jun 29, 2016 at 0:17

answered Jun 28, 2016 at 22:57

Maike

264 bronze badges

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

Comments

pedrommuller · Accepted Answer · 2016-06-28 22:50:19Z

0

According to the documentation you have the response as a parameter in your callback, so you should try something like this:

$.get("http://localhost:3000/searching", {userInput: userInput},
    function(response){
      alert(response);
 });

answered Jun 28, 2016 at 22:50

pedrommuller

16.1k11 gold badges82 silver badges139 bronze badges

Comments

Matt West · Accepted Answer · 2016-06-28 23:44:32Z

0

If you're using EJS you can do it like this:

First, in your results.ejs file

<div id="displayResult"><h2><%= result %></h2></div>

Then, in your app.js

app.get('/searching', function(req, res){
var userInput = req.query.userInput;
res.render('results.ejs',{result:userInput});
});

answered Jun 28, 2016 at 23:44

Matt West

1,3961 gold badge13 silver badges18 bronze badges

Collectives™ on Stack Overflow

node/express - How to render user input to a page?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related