您可以存储先前请求中的Ajax变量值吗？

Question

我有以下jQuery Ajax代码，看起来（除非我误解了这个问题），如果没有在$("#imgNum").change(function(){});中定义page变量，那么函数后面的ajax调用将不会触发。

由于page变量是基于SET是单击按钮时（这火的自己的Ajax调用），我不知道是否有设置page等于其设置为最后的价值的一种方式？除非有另外一种方法来保存这个值来调用它，并且每次执行特定功能时都刷新它？

jQuery的：

function loadData(page, value){ 
    loading_show(); 
    gallery_hide();      
    $.ajax 
    ({ 
     type: "GET", 
     url: "new_arrivals_data.php", 
     data: {page:page, imgs:value}, 
     success: function(msg) { 
      gallery_show(); 
      $("#gallery_container").ajaxComplete(function(event, request, settings) 
      { 
       gallery_show(); 
       $("#gallery_container").html(msg); 
      }); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      // Tell the human that something broke. 
     }, 
     complete: function() { 
      // This is always called regardless of success or failure. 
      loading_hide(); 
     } 
    }); 
} 
loadData(1); // For first time page load default results 
$('#gallery_container .pagination li.active').live('click',function(){ 
    var page = $(this).attr('p'); 
    loadData(page); 
});   
$('#go_btn').live('click',function(){ 
    var page = parseInt($('.goto').val()); 
    var no_of_pages = parseInt($('.total').attr('a')); 
    if(page != 0 && page <= no_of_pages){ 
     loadData(page); 
    }else{ 
     alert('Enter a PAGE between 1 and '+no_of_pages); 
     $('.goto').val("").focus(); 
     return false; 
    } 
}); 

$("#imgNum").change(function(){ 
    var sel = $(this); 
    var value = sel.val(); 
//THIS IS WHERE I WANT TO DEFINE THE PAGE BASED ON IT'S MOST RECENT VALUE 
    var page = ?; 
    loadData(page, value); 
}) 
//You should store the current selected option in a cookie 
//For the sake of the example i'll set the default permanently to 12 
var imgNum_selected = 16; 

//set the initial selected option and trigger the event 
$("#imgNum [value='"+imgNum_selected+"']").prop("selected","selected").change(); 

请问这是可以通过节省每当值改变其保留在cookie中的当前值呢？如何将值存储在cookie中，然后检索它？

Answer 1

我呼应的PHP变量到HTML标签的属性中解决了这个

var page = $('#cur_page').attr('cur_page'); 

我不知道，如果这是最好的这样做，但它的工作原理。有什么想法吗？

Answer 2

这听起来像你有一些状态，你想跨多个功能共享。分享这种状态的一种方法是使用全局变量。

一个类似但更受控制的方式是利用词法范围。创建一个函数，并在该函数的主体中创建共享变量。在该体的词汇范围内定义的函数可以自由访问该共享变量。词法范围外的任何人都不能直接触摸变量。

例如：了解更多信息How to have function recall private variable between invocations：

var funcs = (function() { 
    var sharedState = 0; 

    var f1 = function() { 
     sharedState++; 
    }; 

    var f2 = function() { return sharedState; }; 

    return { 'f1': f1, 'f2' : f2 }; 
}()); 

funcs.f1(); 
alert(funcs.f2()); 
funcs.f1(); 
alert(funcs.f2()); 

// sharedState = -20; // should error out, because sharedState can't be 
// accessed directly. 

在您的特定情况下，你可以这样做：

(function() { 
    var page; 

    // ... rest of your code, but in your loadData function, assign to page. 
}()); 

见。

<b id='cur_page' cur_page='" . $cur_page . "'></b> 

然后我设置变量jQuery中，如下所示：