使用带有不同AJAX数据的jQuery进行相同的页面重定向

Question

我是jquery的新手。我创建了一个具有不同供应商信息按钮的用户页面。单击每个按钮时，相应的信息将显示在弹出窗口中。

但是，我想在点击"showInformation.jsp"时显示其他页面"View more" button上的信息，即每次重定向同一页面，但点击按钮时信息会发生变化。

JSP

<div id="vendor-list">
    <c:forEach var="vendor" begin="0" end="11" items="${Vendor}">
        <div class="col-sm-3">
            <img src="uploadImage/${vendor.logo}" alt="Logo1">
            <pre>${vendor.name}</pre>
            <button type="button" class="showInformation btn btn-primary" value="${vendor.userID}">View More</button>
        </div>
    </c:forEach>
</div>

的Javascript

<script type="text/javascript">
   $(document).ready(function() {
     $("#vendor-list").on('click',".showInformation",function() { 
         var user_id = $(this).val();
         $.ajax({
           url: 'http://localhost:8080/MyApp/ViewInformation',
           type: 'GET',
           data: {user_id : user_id},
           success: function(data) {
           var vendor_Info = data;
           $('#singleVendor').html(vendor_Info).dialog({model:true}).dialog('open');
           }
         });
       });
     });
</script>

在url中的ajax调用“ViewInformation”是servlet，用于从数据库中获取信息。

现在，我想重新编辑同一页面，但是当点击任何一个按钮时，它会显示相应的信息。