基於ID的jQuery ajax加載信息

我想使用.load來基於從數據庫中提取項目的另一個頁面更改div的文本。基本上我有Ajax/popup.aspx？pID = 23，它帶回了一個帶有h2的純html文件和一個基於ID的jQuery ajax加載信息

文本

，我將使用.load將文本交換爲div。繼承人什麼我此刻：

$(document).ready(function() { 
     if ($(".CompanyType").length > 0) { 

      $('.CompanyType').click(function() { 
       $(".BuildingSize").empty(); 
       $(".BuildingSize").load("Ajax/popup.aspx" + "?pID=" + *WHAT TO PUT HERE*); 
      }); 
     } 

    });

我的問題是，我通常使用類似$（本）.attr（「值」）declaire將PID就像我永遠只能從做了下拉列表。我怎樣才能爲圖像賦予一個價值。（companyType是圖像）

非常感謝

來源

2012-04-12 TMB87

使用HTML5 data-*屬性，如下所示：

<img src="yourimgsrc" class="companyType" data-id="yourpID"/>

然後，在你的代碼，你會怎麼做：

$(document).ready(function() { 
    $('.CompanyType').click(function() { 
     $(".BuildingSize").empty(); 
     $(".BuildingSize").load("Ajax/popup.aspx" + "?pID=" + $(this).data('id')); 
    }); 
});

請注意，我已經刪除了長度檢查你的代碼，因爲它是不必要的 - jQuery的處理，對於本身。在調用之前，我也認爲您不需要empty()元素 - 它應該替換爲，而不是追加加載的內容。

來源

2012-04-12 14:16:36

，如果你有一個<input type="hidden" id="myIdHidden" val="23" />

，您可以：

$(document).ready(function() { 
    if ($(".CompanyType").length > 0) { 

     $('.CompanyType').click(function() { 
      $(".BuildingSize").empty(); 
      $(".BuildingSize").load("Ajax/popup.aspx" + "?pID=" + $('#myIdHidden').val(); 
     }); 
    } 

});

來源

2012-04-12 14:14:12

我認爲你正在尋找這個

$(".BuildingSize").load("Ajax/popup.aspx" + "?pID=" + $(this).attr("id"));

來源

2012-04-12 14:14:42 Keil

基於ID的jQuery ajax加載信息

回答

相關問題