2011-08-03 75 views
0

我使用jQuery AJAX來獲取一個名爲matid.jsp這樣的:阿賈克斯更新參數

var loadUrl = "matid.jsp"; 


      $(".get").click(function() { 
       $.get(loadUrl, function (responseText) { 
        $("#result").html(responseText); 
       }); 
      }); 

頁有沒有辦法從身體更新此變種使用loadURL html頁面看起來像這樣

matid.jsp?你好」下一次點擊是由?

下面是我如何創建一個應該有不同的使用loadURL參數多個div時獲得()函數被調用

for(int i=1; 1<20; i++){ 
<div onclick="$.get()" class="get"><%=i%> </div> 
} 

感謝

回答

1

嗯,你可以添加數據屬性上你的div,這些都是在HTML5中引入的。如果您現在需要,您可以使用jQuery更新/更改click功能中的data-url屬性。希望這可以幫助。 JavaScript的

$(".get").click(function(){ 

    // get the page associated with the div element 
    // the below line gets the value of the data-url attribute 
    var page = jQuery.data($(this), "url"); 

    // load the page with a GET request 
    $.get(page, function(responseText){ 
     // set the result 
     $(".result").html(responseText); 
    }); 
}); 

的HTML

<div class="get" data-url="somepage.php?page=1"></div> 
<div class="get" data-url="somepage.php?page=2"></div> 

<div class="result"> 
</div> 

有關數據參考屬性:

在HTML:http://ejohn.org/blog/html-5-data-attributes/

在jQuery中:http://api.jquery.com/jQuery.data/

祝你好運。

+0

即使在舊的瀏覽器中,您也可以擁有自定義屬性並使用JavaScript檢索它們。他們之前只是不符合標準,他們成爲HTML5標準的一部分。所以即使在IE8或IE6中也能正常工作。這裏有一個鏈接:http://stackoverflow.com/questions/2412947/do-html5-custom-data-attributes-work-in-ie-6 –