1.index.html
<!DOCTYPE html> <html> <head> <Meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text/javascript"> $(function(){ //为输入框绑定事件 $("#btn").click(function(){ //1、点击提交后获得输入框的内容 var name = $("#uname").val(); //AJAX回调(调用后台方法返回数据) $.get("HelloAjax",{"uname":name},function(data){ alert(data); }) }) }) </script> </head> <body> <input type="text" id="uname"><input id="btn" type="button" value="提交"> </body> </html>
2.HelloAjax.java
package web; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.servletexception; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; //Servlet @WebServlet("/HelloAjax") public class HelloAjax extends HttpServlet { private static final long serialVersionUID = 1L; public HelloAjax() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws servletexception, IOException { //获得输入的内容,从request取数据,通俗说就是从浏览器取数据 String name = request.getParameter("uname"); System.out.println("欢迎:"+name); PrintWriter out = response.getWriter();//返回的是PrintWriter，这是一个打印输出流。 out.print("this is Ajax");//不仅可以打印输出文本格式的（包括html标签），还可以将一个对象以默认的编码方式转换为二进制字节输出 } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws servletexception, IOException { doGet(request, response); } }
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
