AJAX query get and post data using ajax to node.js getting error

Question

I am trying to get and post data from a listbox using the onchange= but i get the error Reference Error: Cant find variable: getMessage getMessage is the name of function that contains the ajax get and post and I'm gessueing it means that it can't find the function for some reason. does anyone know why? my code is shown below.

<script type="text/javascript"> 
    function getMessage() {
    var data = { message : {$("#messageselect").val(); }}; 

    $.ajax({
        url: "/message",
        type: "GET",
        data: JSON.stringify(data),
        dataType: 'jsonp'
    })

    $.ajax({
        url: "/message",
        type: "POST",
        dataType: 'json',
        contentType: 'application/json',
        success: function(data) {
            console.log(data);
        }
        error : function(err) {
            console.log("error fetching message");
        }
    });
 }
</script>

server:

app.post('/message', function(req, res) {
    console.log(JSON.stringify(req.body));
    Message.findOne({ 'page.message' : req.data }, function(err, message) {    
        if(err){
            throw err;
        }           
        res.send(message);
    });
});

html:

<form method="POST">
  <select multiple="multiple" class="messageselect" onchange="getMessage()" id="messageselect">
    <% if(message) { %>
        <% for(i=messagecount-1;i>=0;i--) { %>
            <option value="<%= message[i].page.message %>">
                 From: <%= message[i].page.username %> 
                 Message: <%= message[i].page.messagetitle %>
            </option>
        <% } %>
    <% } %>
    </select><br><br><br>
</form>

Karan · Accepted Answer · 2015-12-28 17:13:59Z

1

Syntax error in your function. Try with this.

function getMessage() {

    var data = {
        message: $("#messageselect").val()
    };


    $.ajax({
        url: "/message",
        type: "GET",
        data: JSON.stringify(data),
        dataType: 'jsonp'
    });

    $.ajax({
        url: "/message",
        type: "POST",
        dataType: 'json',
        contentType: 'application/json',
        success: function (data) {
            console.log(data);
        },
        error: function (err) {
            console.log("error fetching message");
        }
    });
}

answered Dec 28, 2015 at 17:13

Karan

1,1872 gold badges9 silver badges16 bronze badges

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

2 Comments

Sterling Archer Over a year ago

Please be more specific, nobody wants to run a diff-scan on this to find the character you've changed

Dallas Caley Over a year ago

comma needed after: success: function (data) { console.log(data); }

Dallas Caley · Accepted Answer · 2015-12-28 17:16:49Z

0

you need to define your function differently, like this:

var getMessage = function() {

...

}

or....

perhaps I am wrong here. for some reason i thought you needed to assign the function to a variable name in order to reference it. My next guess would be that the code which defines your function is somehow not getting into the page. You should use your developer tools (i use the tools in chrome but whatever browser you prefer) and see if you can actually locate the function in the source code of your page.

edited Dec 28, 2015 at 17:16

answered Dec 28, 2015 at 17:09

Dallas Caley

6,0288 gold badges50 silver badges79 bronze badges

3 Comments

Karan Over a year ago

I'm just wondering how does that differ ? I've never used this method of function definition and didn't face any problem in similar cases.

Sterling Archer Over a year ago

if getMessage was an anonymous IIFE, this would be right, howeverm the function is defined. Setting it's reference to a variable changes nothing except the namespace

Dallas Caley Over a year ago

I think i see the issue. your missing a comma after the "success" parameter in your ajax json.

Collectives™ on Stack Overflow

AJAX query get and post data using ajax to node.js getting error

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related