基于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加载信息

回答

相关问题