/* This sample uses jQuery */<\/span><\/div> <\/div>
/* This doesn't work.<\/span><\/div> *<\/span><\/div> * Here, notice the success callback uses the data variable, except when called, <\/span><\/div> * the anonymous function can't access the data variable, since it's defined within<\/span><\/div> * the scope of the anonymous object that's sent to the request() method.<\/span><\/div> */<\/span><\/div>function<\/span> someEvent<\/span>(<\/span>event<\/span>)<\/span> {<\/span><\/div> var<\/span> data<\/span> =<\/span> {<\/span> 'update-success'<\/span> :<\/span> "result_list"<\/span>,<\/span> 'update-failure'<\/span> :<\/span> "error_list"<\/span> };<\/span><\/div> <\/div>
return<\/span> request<\/span>({<\/span> url<\/span> :<\/span> this<\/span>.<\/span>href<\/span>,<\/span><\/div> success<\/span> :<\/span> function<\/span>(<\/span>response_html<\/span>)<\/span> {<\/span><\/div> $<\/span>(<\/span>"#"<\/span> +<\/span> data<\/span>[<\/span>'update-success'<\/span>]).<\/span>html<\/span>(<\/span>response_html<\/span>);<\/span><\/div> }<\/span><\/div> });<\/span><\/div>};<\/span><\/div> <\/div>
/* This works.<\/span><\/div> *<\/span><\/div> * Here, we've moved the success callback out of the context of the anonymous object <\/span><\/div> * and set it as the context of the someEvent() function. Thus, it will be able <\/span><\/div> * to access the data variable.<\/span><\/div> */<\/span><\/div>function<\/span> someEvent<\/span>(<\/span>event<\/span>)<\/span> {<\/span><\/div> var<\/span> data<\/span> =<\/span> {<\/span> 'update-success'<\/span> :<\/span> "result_list"<\/span>,<\/span> 'update-failure'<\/span> :<\/span> "error_list"<\/span> };<\/span><\/div> <\/div>
var<\/span> success_callback<\/span> =<\/span> function<\/span>(<\/span>response_html<\/span>)<\/span> {<\/span><\/div> $<\/span>(<\/span>"#"<\/span> +<\/span> data<\/span>[<\/span>'update-success'<\/span>]).<\/span>html<\/span>(<\/span>response_html<\/span>);<\/span><\/div> };<\/span><\/div> <\/div>
return<\/span> request<\/span>({<\/span> url<\/span> :<\/span> this<\/span>.<\/span>href<\/span>,<\/span><\/div> success<\/span> :<\/span> success_callback<\/span><\/div> });<\/span><\/div>};<\/span><\/div> <\/div><\/pre><\/div>\n \n <\/div>\n\n