【问题标题】:Use ".attr()" in jquery ajax [duplicate]在 jquery ajax 中使用“.attr()”[重复]
【发布时间】:2013-07-03 09:02:51
【问题描述】:
$(".resource_body_build_stone_ok").click(function(){
    $.post("ajax.php",
    {
      build:"resource",
      id: $(this).attr('data-id-build'), 
      level:$(this).attr('data-level-build')
    },
    function(data,status){
        $(".resource_body").load("resource_b.php/?r=1");
        $(".frame_stock").load("stock.php");
        alert("Data: " + data + "\nStatus: " + status);
    });
});

如果 id: $(this).attr('data-id-build') 的值是 1 到 10 ,我如何在 resource_b.php/?r=1 中设置 id 值而不是值 1。

例如,如果 $(this).attr('data-id-build')=5 的值 ==> resource_b.php/?r=5

【问题讨论】:

  • 您需要将id 发送回您的函数并将其从您的data 中取出

标签: jquery ajax post attr


【解决方案1】:
$(".resource_body_build_stone_ok").click(function(){
    var id = $(this).attr('data-id-build');
    $.post("ajax.php",
    {
      build:"resource",
      id: $(this).attr('data-id-build'), 
      level:$(this).attr('data-level-build')
    },
    function(data,status){
        $(".resource_body").load("resource_b.php/?r=" + id);
        $(".frame_stock").load("stock.php");
        alert("Data: " + data + "\nStatus: " + status);
    });
 });

【讨论】:

    【解决方案2】:

    请查看示例http://jsfiddle.net/2dJAN/85/

    var id_build = $(this).attr('data-id-build')
    
     $(".resource_body").load("resource_b.php/?r="+id_build);
    

    作为参考,我提醒示例中的 url 格式。

    【讨论】:

      【解决方案3】:
      <script>
      $(".resource_body_build_stone_ok").click(function(){
          var dID = $(this).attr('data-id-build'); //use this dID where you want use dynamic id
          $.post("ajax.php",
          {
            build:"resource",
            id: dID, 
            level:$(this).attr('data-level-build')
          },
          function(data,status){
              $(".resource_body").load("resource_b.php/?r=" + dID);
              $(".frame_stock").load("stock.php");
              alert("Data: " + data + "\nStatus: " + status);
          });
      });
      </script>
      

      【讨论】:

        猜你喜欢
        • 2013-06-13
        • 2014-08-22
        • 1970-01-01
        • 1970-01-01
        • 2013-04-09
        • 2011-12-06
        • 2016-12-08
        • 1970-01-01
        • 2011-07-05
        相关资源
        最近更新 更多