jquery passing array data to function

Question

I have made a function to get the variable of onclick and pass it to the function, but I want it in different format:

$('.ajax').live('click', function() {   
    var Loading = 'Loading...';
    var url = $(this).attr('href');
    var container = '#myDivcontent';
    looadContents(url,Loading,container);
    return false;
});

and the function looks like :

looadContents(url,Loading,container) {
..
...
$(contaner).load(url);
...
..
}

I would like to have like array format or json data format when I call the function:

$('.ajax').live('click', function() {   
    looadContents({
             url : $(this).attr('href'),
             Loading : 'Loading...',
             container: '#myDivcontent'
     });
    return false;
});

Any idea how can I do this?

Just to check: Is looadContents supposed to be the same function as ajaxModalLoad? — Anthony Grist
– Anthony Grist, Commented Jan 30, 2012 at 15:14
Retagged javascript; the question really has little to do with jQuery. — Andrew Whitaker
– Andrew Whitaker, Commented Jan 30, 2012 at 15:20

David Hedlund · Accepted Answer · 2012-01-30 15:15:35Z

2

If you pass the information like an object, you can simply access it as one:

function looadContents(options) {
    $(options.container).load(options.url);
}

looadContents({ url: '...', container: '#...' });

answered Jan 30, 2012 at 15:15

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

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

Comments

Joseph Marikle · Accepted Answer · 2012-01-30 15:16:24Z

1

This syntax works as expected.

function display(obj)
{
    console.log(obj.name + " loves " + obj.love);
}
display({name:"Jared", love:"Jamie"});

answered Jan 30, 2012 at 15:16

Joseph Marikle

78.8k18 gold badges114 silver badges130 bronze badges

Comments

mjs · Accepted Answer · 2012-01-30 15:17:25Z

1

Is this possibly what you are looking for?

function looadContents(o) {

  alert(o.url);
  alert(o.container);

}

looadContents({ url:"abc", container: "def" });

answered Jan 30, 2012 at 15:17

mjs

22.6k32 gold badges134 silver badges224 bronze badges

Comments

Andrew Whitaker · Accepted Answer · 2012-01-30 15:19:55Z

1

Use what's sometimes called an "options" object (what you refer to as "JSON data format" is simply a JavaScript object literal):

function loadContents(options) {
    var url = options.url;
    var Loading = options.Loading;
    /* etc. */
}

You can also leverage this approach to provide default values for certain parameters:

function loadContents(options) {
    var url = options.url || "http://default-url.com/",
    var Loading = options.Loading || "Loading...";
    var container = options.container || "#container";

    $(container).load(url);
}

edited Jan 30, 2012 at 15:19

answered Jan 30, 2012 at 15:14

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Comments

bluish · Accepted Answer · 2012-07-26 14:28:30Z

0

Try this

looadContents(input) {
  //...
  $(input.contaner).load(input.url);
  //...
}

edited Jul 26, 2012 at 14:28

bluish

27.5k28 gold badges126 silver badges185 bronze badges

answered Jan 30, 2012 at 15:15

Oybek

7,2945 gold badges32 silver badges50 bronze badges

Collectives™ on Stack Overflow

jquery passing array data to function

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related