How to post input data variables with jquery

Question

$(document).ready(function(){
  $(".submit").click(function() {

    var emailVal = $(".email").val()

    $.ajax({ type: 'POST',
             url: 'settings/update',
             data: { email: emailVal },
             beforeSend:function(){

                //loading image
                $('#ajax-panel').html('<div class="loading"><img src="/images/ajax-loader.gif" alt="Loading..." /></div>');

             },
             success:function(data){

                 // successful request; do something with the data
                 $('#ajax-panel').empty();

                 $('#ajax-panel').html(data);     

             },
             error:function(){

                 // failed request; give feedback to user
                 $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
             }
          });
        });
      });

The emailVal variable is not getting sent as post data. Is there something wrong with my syntax?

Does your URL url: 'settings/update', go to an actual file? — Biotox
– Biotox, Commented Nov 4, 2011 at 21:00
@Biotox... why would it have to go to a file? what if he is using an MVC pattern with URIs. — John Hartsock
– John Hartsock, Commented Nov 4, 2011 at 21:03
Yes it does, I'm using firebug to debug... it keeps saying success but it's storing it as the string emailVal (regardless of whats in the textbox) ... but when I change the parameter to emailVal2 it says undefined variable — ThinkingInBits
– ThinkingInBits, Commented Nov 4, 2011 at 21:05
Can we see the HTML for your textbox ? Also why are you referencing it by class and not ID ? — aziz punjani
– aziz punjani, Commented Nov 4, 2011 at 21:18

John Hartsock · Accepted Answer · 2011-11-04 20:59:02Z

1

Missing a semi-colon at the end of this line.

var emailVal = $(".email").val()

answered Nov 4, 2011 at 20:59

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

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

Collectives™ on Stack Overflow

How to post input data variables with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related