原生AJAX没有成功将数据传给servlet

<script type="text/javascript">
      window.οnlοad=function(){
      var oForm=document.getElementById("fore");
      var oButton=document.getElementById("bun");
      var oL_content=document.getElementById("L_content");
      var oHid=document.getElementById("hid");
      var oJieda=document.getElementById("jieda");
      oButton.οnclick=function(){
      var request=new XMLHttpRequest();
      request.open('post','${pageContext.request.contextPath}/ReplyArticle.do',true);
      request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      request.send('content='+oL_content.innerHTML+'&artidorcommid='+oHid.value);
      request.οnlοad=function(){
      var json={
      name:'${login_user.nickname}',
      head_URI:'${login_user.nickname}',
      date:new date,
      content:oL_content.innerHTML,
      goodnum:0
      }
      
      var html=template('cont',json);
      oJieda.appendChild(oL);
      oL.innerHTML=html;
      
      }
      }
      }

  </script>


 <div class="layui-form layui-form-pane">
          <form action="ReplyArticle.do" method="post" id="fore">
            <div class="layui-form-item layui-form-text">
              <div class="layui-input-block">
                <textarea id="L_content" name="content" required lay-verify="required" placeholder="我要回答"  class="layui-textarea fly-editor" style="height: 150px;"></textarea>
              </div>
            </div>
            <div class="layui-form-item">
              <input type="hidden" id="hid" value="${ artmap.id }">
              <button class="layui-btn" id="bun" >提交回答</button>
            </div>
          </form>

        </div>

AJAX中不能写成oL_content.innerHTML,改为oL_content.value

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
假设我们要完成一个简单的异步交互效果:点击按钮后,从服务器获取一条随机的名言警句并在页面上显示。下面是使用原生AJAX和Java Servlet实现该效果的代码。 1. 创建一个Java Servlet类,名为QuoteServlet,用于处理AJAX请求并返回名言警句。 ```java import java.io.IOException; import java.io.PrintWriter; import java.util.Random; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class QuoteServlet extends HttpServlet { private static final long serialVersionUID = 1L; private String[] quotes = { "The greatest glory in living lies not in never falling, but in rising every time we fall.", "The way to get started is to quit talking and begin doing.", "Your time is limited, don't waste it living someone else's life. Don't be trapped by dogma – which is living with the results of other people's thinking.", "If life were predictable it would cease to be life, and be without flavor.", "If you look at what you have in life, you'll always have more. If you look at what you don't have in life, you'll never have enough.", }; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/plain"); PrintWriter out = response.getWriter(); out.print(getRandomQuote()); out.flush(); } private String getRandomQuote() { Random random = new Random(); int index = random.nextInt(quotes.length); return quotes[index]; } } ``` 2. 在web.xml中配置Servlet,使其能够被访问。 ```xml <servlet> <servlet-name>QuoteServlet</servlet-name> <servlet-class>QuoteServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>QuoteServlet</servlet-name> <url-pattern>/quote</url-pattern> </servlet-mapping> ``` 3. 在HTML页面中添加一个按钮和一个用于显示随机名言警句的文本框。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Random Quote Generator</title> </head> <body> <h1>Random Quote Generator</h1> <button id="get-quote">Get a quote</button> <br><br> <textarea id="quote-text" rows="5" cols="60" readonly></textarea> </body> </html> ``` 4. 使用JavaScript代码监听按钮点击事件,并使用XMLHttpRequest对象从服务器获取名言警句。 ```javascript var button = document.getElementById("get-quote"); var quoteText = document.getElementById("quote-text"); button.addEventListener("click", function() { var xhr = new XMLHttpRequest(); xhr.open("GET", "quote", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { quoteText.value = xhr.responseText; } }; xhr.send(); }); ``` 以上就是使用原生AJAX完成任意异步交互效果的完整代码。当用户点击“Get a quote”按钮时,JavaScript代码会向服务器发送一个AJAX请求,并在获取到响应后将随机名言警句显示在文本框中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值