Ajax简单示例

最新推荐文章于 2022-05-12 19:09:33 发布

ms2578

最新推荐文章于 2022-05-12 19:09:33 发布

阅读量350

点赞数 1

文章标签： ajax xmlhttprequest mozilla function safari servlet

本文链接：https://blog.csdn.net/ms2578/article/details/5461799

版权

先实现一下Servlet来对请求做出响应。

PostMessage.java：

public class PostMessage extends HttpServlet { private static final long serialVersionUID = 1L; public PostMessage() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String message = request.getParameter("message"); response.getOutputStream().print( "hello" + new String(message.getBytes("utf-8"), "iso-8859-1")); } }

Ajax请求方法，使用POST方式提交请求，同时使用回调方法将响应结果以列表的形式在页面上显示。

ajax.js：

在页面中调用Ajax请求方法。

index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <mce:script type="text/javascript" src="js/ajax.js" mce_src="js/ajax.js"></mce:script> </head> <body> <ol id="list"> </ol> <form action="PostMessage" οnsubmit="return false;" id="form1"> <input type="text" id="message"> <button οnclick="postMessage(document.getElementById('form1'))">发布</button> </form> </body> </html>