如何使用servlet和jQuery+;独自创立

如何使用servlet和jQuery+;独自创立,jquery,ajax,servlets,Jquery,Ajax,Servlets,我有一个按钮: <button id="saveFeed" type="button" class="btn btn-primary">Save changes</button> 我需要使用jQuery重命名提要,但我对它完全陌生。使用jQuery脚本按下save changes按钮后,如何重定向到servlets处理程序按钮?正如我理解您的问题一样,您需要通过按下save按钮将您的提要数据发布到servlet,并使用jQuery Ajax更新现有的提要名称和Id值,不

我有一个按钮:

<button id="saveFeed" type="button" class="btn btn-primary">Save changes</button>

我需要使用jQuery重命名提要,但我对它完全陌生。使用jQuery脚本按下save changes按钮后,如何重定向到servlets处理程序按钮?

正如我理解您的问题一样,您需要通过按下save按钮将您的提要数据发布到servlet,并使用jQuery Ajax更新现有的提要名称和Id值,不是吗

如果是,请尝试以下方法:

  • 您的HTML看起来不错,在脚本中使用jquery Ajax调用您的servlet:
    remove
    value=“我假设按下编辑按钮后显示的表单是由jQuery切换的?Bootstrap只是对其进行样式设置?如果我不想使用Bootstrap,如何使用jQuery来显示div?如果您想在某些事件发生后显示div,可以在$.timeout()内使用$(“#divId”).show()函数。您需要先将其隐藏起来。我试图解决的问题是,success{}块中的“result”属性应该已经包含了您的提要属性。这就是我们使用Ajax的原因。因此,我仍然不清楚您在这里/那里的问题。让我们来看看。
    
    <div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"  aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h1 class="modal-title">Edit feed name:</h1>
            </div>
    
            <div class="modal-body">
                <input type="hidden" readonly="readonly" name="id" value="<c:out value="${feed.id}" />" />
                     <p>Enter feed name:</p>
                <input id="feedName" type="text" name="name"  value="<c:out value="${feed.name}" />" />
            </div>
    
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button id="saveFeed" type="button" name="feedSub" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
    
    <script>
        $('#myModal').on('shown.bs.modal', function() {
            $('#myInput').focus();
        });
    
        $(document).ready(function() {
    
            $('#saveFeed').click(function() {
                var feedName = $('#feedName').val();
                var feedId = $('#id').val();
                $('#myModal').modal('hide');
                $.post('FeedController', {
                    feedName : feedName,
                    feedId : feedId
                }).done(function(data) {
    
                });
            });
    
        });
    </script>
    
    protected void doPost(HttpServletRequest req, HttpServletResponse resp)
                throws ServletException, IOException {
        else if (req.getParameter("feedSub") != null) {
                    String link = null;
                    String name = req.getParameter("name");
                    Integer id = Integer.parseInt(req.getParameter("id"));
    
                    feed = new Feed(id, link, name);
    
                    feedDAO.update(feed);
                }
    
                resp.sendRedirect("FeedController?action=feedList");
    }