我需要帮助与jQuery ajax动态id调用ajax

我有一个ajax表单使用struts2，但它只适用于链接的第一个链接保持不活动状态。我需要帮助与jQuery ajax动态id调用ajax

代码页的JSP页面

<s:iterator value="listlog" status="incr"> 
    <tr>      
     <td class="data"><s:property value="xxxx"/></td> 
     ............................................. 
     <td class="data"><s:property value="status"/></td> 
     <td class="data"> 
      <button id="popModal_ex1" class="btn btn-primary" data-popmodal-bind="#content_blob" ><a class="get_content_blob" id=<s:property value='id'/> >Content</a></button> 
      <div style="display:none" ><div id="content_blob"></div></div> 
    </td> 
    </tr> 
</s:iterator>

代码AJAX

<script language='javascript'> 

     $(document).ready(function() { 

      $('#popModal_ex1 a').click(function() { 
       var idaaa = null; 
       idaaa = $(".get_content_blob").attr('id'); 

       $.ajax({ 
        url: "/Struts_2/page/msg_detail.action?id=" + idaaa, 
        type: 'GET', 
        data: "", 
        cache: false, 
        timeout: 55000, 
        success: function (data) 
        { 
         $("#content_blob").html(data).fadeIn(); 
         return; 

        } 
       });      
      }); 
     }); 

    </script>

拥抱每个人都感觉到关心和帮助

来源

2016-11-30 Dyna

什么错在这里去了？你需要什么帮助？ – Saranjith

使用类而不是ID为相同的元素 –

你需要一个唯一的ID为每个'

'，那么你可以参考它在fadeIn –

使用数据-id属性，而不是使用锚标记，因为你只是想得到id为什么不把它放在data-id中，然后当你的按钮被点击时，你现在可以通过这个关键字访问id并获得th通过点运算符得到数据ID。

<s:iterator value="listlog" status="incr"> 
    <tr> 
    <td class="data"><s:property value="xxxx"/></td> 
      ............................................. 
      <td class="data"><s:property value="status"/></td>     
        <td class="data"> 
         <button id="yourUniqueId" class="btn btn-primary popModal_ex" data-popmodal-bind="#content_blob" data-id="<s:property value='id'/>">Content</button> 
         <div style="display:none" ><div id="content_blob"></div></div> 
      </td> 
    </tr> 
</s:iterator>

你的Ajax代码

<script language='javascript'> 

     $(document).ready(function() { 

      $('button.popModal_ex').click(function() { 
       var idaaa = null; 
       idaaa = $(this).data('id'); 

       $.ajax({ 
        url: "/Struts_2/page/msg_detail.action?id=" + idaaa, 
        type: 'GET', 
        data: "", 
        cache: false, 
        timeout: 55000, 
        success: function (data) 
        { 
         $("#content_blob").html(data).fadeIn(); 
         return; 

        } 
       });      
      }); 
     }); 

    </script>

来源

2016-12-09 11:53:22

您的JSP代码段中没有'a.popModal_ex'。 –

我需要帮助与jQuery ajax动态id调用ajax

回答

相关问题