Passing var using jquery & ajax

Question

I am trying to pass the value of a html textbox form field to another .php file using jquery and ajax when the user defocuses that textbox. The textbox has the id "aircraftReg". I am using the code as follows...

$(document).ready(function(){
    $("#aircraftReg").blur(function() {
        var aircraftReg = $(this).value;
        $.get("searchDatabase.php?q=aircraftReg", function(data){                   
            // My function                 
        });  
    });
});

I think the problem lies in creating the var aircraftReg. I am attempting to assign its value to the text within the text box with id "aircraftReg".

Can anyone see what is going wrong?

Ivan Chernykh · Accepted Answer · 2013-06-29 11:22:06Z

1

Try to change it like this:

 var aircraftReg = $(this).val();
 $.get("searchDatabase.php?q="+aircraftReg , function(data){                   
            // My function                 
        });

To get value of text field (or other input) there is .val() method in jQuery.

answered Jun 29, 2013 at 11:22

Ivan Chernykh

42.2k13 gold badges136 silver badges149 bronze badges

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

Comments

Devang Rathod · Accepted Answer · 2013-06-29 11:26:14Z

1

You need to change your Url because you are passing javascript var to url so it must me added with +.

var aircraftReg = $(this).val();
$.get("searchDatabase.php?q="+aircraftReg , function(data){                   
     //function logic goes here             
});

answered Jun 29, 2013 at 11:26

Devang Rathod

6,7342 gold badges25 silver badges32 bronze badges

4 Comments

Ivan Chernykh Over a year ago

seems like your answer is exactly like mine? ;)

Devang Rathod Over a year ago

but some explanation must be there.

Ivan Chernykh Over a year ago

ok , good explanation is even more important than right code!

Devang Rathod Over a year ago

i not said explanation is even more important than right code but if we need to explain little for OP understanding.

Ali Demirci · Accepted Answer · 2013-06-29 12:07:39Z

1

You have passed aircraftReg as regular string not as a javascript variable.

$(document).ready(function(){
    $("#aircraftReg").blur(function() {
        var aircraftReg = $(this).value; //or $(this).val();
        $.get("searchDatabase.php?q="+ encodeURIComponent(aircraftReg), function(data){                   
            // My function                 
        });  
    });
});

Also, you have three encoding options:

escape() will not encode: @*/+

encodeURI() will not encode: ~!@#$&*()=:/,;?+'

encodeURIComponent() will not encode: ~!*()'

Note: escape() function is non-ASCII, encodeURI() and encodeURIComponent() are UTF-8 compatible.

answered Jun 29, 2013 at 12:07

Ali Demirci

5,4827 gold badges42 silver badges68 bronze badges

Collectives™ on Stack Overflow

Passing var using jquery & ajax

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related