Passing a variable into a JavaScript Function

Question

I have written a Javascript Function

jQuery(document).ready( function newbie($) {

    //var email = 'emailaddress'
    var data = {
        action: 'test_response',
        post_var: email
    };
    // the_ajax_script.ajaxurl is a variable that will contain the url to the ajax processing file
    $.post(the_ajax_script.ajaxurl, data, function(response) {
        alert(response);
    });
    return false;
});

Which I will call using

newbie();

But I want to pass in a variable (the email address) when I call the function but I am not sure how to do this. That $ sign seems to get in my way! Any thoughts much appreciated.

That's a named function expression, and its name is only known to itself — Musa
– Musa, Commented Jun 17, 2017 at 23:58

Mohamed-Yousef · Accepted Answer · 2017-06-18 00:00:58Z

1

jQuery(document).ready(function(){
   var email = 'emailaddress';
   newbie(email);
});


function newbie(email) {
    var data = {
        action: 'test_response',
        post_var: email
    };
    // the_ajax_script.ajaxurl is a variable that will contain the url to the ajax processing file
    $.post(the_ajax_script.ajaxurl, data, function(response) {
        alert(response);
    });
    return false;
}

OR

 jQuery(document).ready(function(){
        var newbie = function(email) {
           var data = {
               action: 'test_response',
               post_var: email
           };
           // the_ajax_script.ajaxurl is a variable that will contain the url to the ajax processing file
           $.post(the_ajax_script.ajaxurl, data, function(response) {
               alert(response);
           });
           return false;
      }

     var email = 'emailaddress';
     newbie(email);
  });

edited Jun 18, 2017 at 0:00

answered Jun 17, 2017 at 23:55

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

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

4 Comments

Linz Darlington Over a year ago

Thanks Mohamed. If I use the first example (putting the first bit of code in my .js functions file) and the second bit within my page - nothing happens. Any thoughtso n what I'm doing wrong?

Mohamed-Yousef Over a year ago

@LinzDarlington keep eyes on console for errors ..what error you got??

Mohamed-Yousef Over a year ago

@LinzDarlington the arrange of files .*on first example*. 1- include jquery 2- run the function on document ready 3- include functions js file and you can also include functions js file before run the function 3 then 2 instead of 2 then 3.. BUT on my second example 1- include jquery 2- check you define the var newbie before you run the function .. with this arrange every thing should works fine

Linz Darlington Over a year ago

Thanks Mohamed. Will check and revert.

Shadowfool · Accepted Answer · 2017-06-17 23:53:53Z

0

Functions in javascript take 'arguments'. You can pass in as many arguments you want and define their name space in the function declaration. ie

function foo(bar,baz,etc){
   console.log(bar,baz,etc);
}
foo(1,2,3)
 //logs out 1 2 3

Sometimes you don't always know what's going to be passed in or how many arguments there are going to be, in this case inside of the function declaration we can use the 'arguments' object to pick out certain arguments passed into the function.

function foo(){
   console.log(arguments);
}
foo(1,2,3)
 //logs out an array object that looks like this [1,2,3]

answered Jun 17, 2017 at 23:53

Shadowfool

1,03612 silver badges21 bronze badges

Comments

user2624242 · Accepted Answer · 2017-06-17 23:58:57Z

0

jQuery(document).ready( function newbie($, email) {

//var email = 'emailaddress'
var data = {
    action: 'test_response',
    post_var: email
};
// the_ajax_script.ajaxurl is a variable that will contain the url to the ajax processing file
$.post(the_ajax_script.ajaxurl, data, function(response) {
    alert(response);
});
return false;

});

you simply call the function by passing the values

answered Jun 17, 2017 at 23:58

user2624242

3582 silver badges12 bronze badges

Collectives™ on Stack Overflow

Passing a variable into a JavaScript Function

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related