访问传递给$ .get的参数进入成功回调函数

Question

I want to access parameters passed as a data to $.get in jQuery. The code is something like this:

$.get(requestUrl,
         {lesson: eventParams.lessonId,
          page: eventParams.page}, 
          function(data) {
                // here I want to access 
                // lesson or page 
          });

Now I made something like this:

$.get(requestUrl,
         {lesson: eventParams.lessonId,
          page: eventParams.page}, 
          (function(contextObject) {
                return function(data) {
                // Here I accessing  
                // contextObject.lesson
                // and 
                // contextObject.page               
           }})({lesson: eventParams.lessonId,
                               page: eventParams.page});

This working but will be good if a can avoid using of closure. I would appreciate any help. Best regards.

Answer 1

Did you declare eventParams ?

var eventParams = '';

You can use var at global scope (outside of all functions) to declare a global variable:

var yourGlobalVariable;
function boo() {
    // ...
}

Alternately, you can assign to a property on window:

function foo() {
    window.yourGlobalVariable = ...;
}

Answer 2

Your params object (or at least its properties) is accessible as the this context of your callback, see the docs for the context option :

By default, the context is an object that represents the ajax settings used in the call ( $.ajaxSettings merged with the settings passed to $.ajax )

So use

$.get(requestUrl, {
    lesson: eventParams.lessonId,
    page: eventParams.page
}, function(data) {
    console.log(this);
    // use this.data.lesson or .page
});

---

Btw, the closure you're currently using is quite unhelpful because you have too repeat everything. It would've been easier if you just accessed eventParams from the callback. If you don't trust the context or want to use a closure for clearness, here's how to do it properly (assuming you cannot use eventParams because they're volatile):

(function() {
    var data = {
        lesson: eventParams.lessonId,
        page: eventParams.page
    };
    return $.get(requestUrl, data, function(resultData) {
        // here use data.lesson or .page 
    });
})()