请问button标签怎么提交jsp页面的内容,比如使用JQuery的参数怎么提交

请问button标签怎么提交jsp页面的内容,比如使用JQuery的参数怎么提交

<%@ page import="com.domain.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
   <head>
       <meta charset="UTF-8">
       <title>我的留言</title>
       <link rel="stylesheet" href="/css/index.css">
       <link rel="stylesheet" href="/css/bootstrap.min.css">
       <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
       <script type="text/javascript">
           function editMessageUI() {
               var title=document.getElementById('title1').innerHTML;
               var content=document.getElementById("content1").innerHTML;
               var messageId=document.getElementById("id1").value;
               //alert(id);
              $.ajax({
                       "url":"/AddEditMessageServlet",
                       "type":"post",
                       "data":{
                           "method":"editMessageUI",
                           "title":title,
                           "content":content,
                           "messageId":messageId
                       },
                  "dataType":"text",
              });
               //alert("111");
              window.location.href="/edit_message.jsp";
           }

           function deleteMessage() {
               //alert("删除");
               var messageId=document.getElementById("id1").value;
               alert(messageId);
               window.location.href="/AddEditMessageServlet?method=deleteMessage";
           }
       </script>
       <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
   </head>

   <body>
       <header>
           <div class="container">

               <% if (null != request.getSession().getAttribute("user")) {%>
                   <nav>
                       <a href="">我的留言</a>
                   </nav>
                   <nav>
                       <a href="">我的信息</a>
                   </nav>
               <%} else { %>
                   <nav>
                       <a href="">登录</a>
                       <a href="">注册</a>
                   </nav>
               <% } %>
           </div>
       </header>
       <section class="banner">
           <div class="container">
               <div>
                   <h1>慕课网留言板——我的留言</h1>
                   <p>慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里,你可以找到最好的互联网技术牛人,也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。 </p>
               </div>
           </div>
       </section>

       <section class="main">

           <div class="container">
               <c:forEach var="message" items="${userMessageList}">
                   <div class="alt-item">

                       <div class="alt-head">
                           <div class="alt-info">
                               <span>作者:<a href="">${message.username}</a></span>
                               <span>时间:${message.createTime}</span>
                           </div>
                       </div>

                       <div class="alt-content">
                           <input type="hidden" id="id1" value="${message.id}">
                           <h3 id="title1">${message.title}</h3>
                           <p id="content1">${message.content}</p>
                       </div>
                       <div align="right">
                           <table>
                               <tr>
                                   <td>
                                       <button class="btn btn-primary" type="submit" onclick="editMessageUI()">修改</button>





http://img1.sycdn.imooc.com//climg/5f2bedff0966de2e09820515.jpg
                               </td>
                               <td>
                                       <button class="btn btn-primary" type="submit" onclick="deleteMessage()">删除</button>
                               </td>
                               </tr>
                           </table>
                       </div>

                   </div>
               </c:forEach>
           </div>

       </section>

       <section class="page">
           <div class="container">
             

          <!-- 分页内容参考视频中老师源码 -->
           </div>
       </section>
       <footer>
           copy@慕课网
       </footer>
   </body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕阿满 2020-08-07 18:23:56

同学你好,问一下同学是批量操作吗?建议同学将同学的想要达到的目标以及步骤详细描述一下,方便我们了解具体情况,并给出解释。

祝:学习愉快~

提问者 梨海 2020-08-07 16:15:19

但是我使用ajax提交只能提交第一个留言框内的内容,也就是 


 var title=document.getElementById('title1').innerHTML;                

var content=document.getElementById("content1").innerHTML;                

var messageId=document.getElementById("id1").value; 

以上的三个语句没有办法获取forEach内的每一个内容,只能获取到第一个内容, 

http://img1.sycdn.imooc.com//climg/5f2d0d8709c17ce306110509.jpg我是这里不清楚,是只能自己修改成表单提交吗


好帮手慕阿满 2020-08-07 11:11:37

同学你好,如下这种方法即可提交数据,

http://img1.sycdn.imooc.com//climg/5f2cc4a609f145d305760324.jpg

或者同学可以增加form表单,button按钮的类型为submit,点击可以提交数据到后台。

祝:学习愉快~

  • 提问者 梨海 #1
    但是我按照图片的提交只能提交第一个留言框内的内容,也就是 var title=document.getElementById('title1').innerHTML; var content=document.getElementById("content1").innerHTML; var messageId=document.getElementById("id1").value; 以上的三个语句没有办法获取forEach内的每一个内容,只能获取到第一个内容, 我是这里不清楚,是只能自己修改成表单提交吗
    2020-08-07 16:13:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师