Question

我有一个使用struts2的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>

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

Answer 1

使用data-id属性而不是使用锚标记，因为你只想获取id为什么不把它放在data-id中，然后当你点击你的按钮时，你现在可以通过这个来访问id 关键字并通过点运算符获取数据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>

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

1 个答案: