（二）jQuery+ajax与servlet的交互

最新推荐文章于 2022-06-22 10:53:18 发布

皮蛋小粥

最新推荐文章于 2022-06-22 10:53:18 发布

阅读量5.8k

点赞数 4

分类专栏： AJAX 微信小程序

本文链接：https://blog.csdn.net/qq442270636/article/details/73061075

版权

微信小程序同时被 2 个专栏收录

21 篇文章 5 订阅

订阅专栏

AJAX

12 篇文章 0 订阅

订阅专栏

前面了解到jQuery.ajax的概念，里面的知识点讲述的很清楚。

然后下一件事就是来完成一个例子来理解jQuery.ajax.：

这里实现jQuery+ajax+servlet来实现两者的交互（不用struts是因为自己觉得该回顾一下servlet）,这个例子很简单，就是jsp页面表单里面的值，通过异步来和servlet交互：

首先我们应该知道jQuery.ajax一些基本知识：比如url,data,dataType.......这里是知识点：jQuery.ajax

jsp页面：

  <body>
   <form action="">
   <input type="text" id="name" name="name" οnblur="Check()">
   <div id="show"></div>//用来显示传过去的name.
  </form>
  </body>

js:

function Check() {
	$.ajax({
		type:"POST",
		url:"./Check",//web.xml中的url-pattern，使用struts改成：命名空间/action_**即可.0
		data:{
			name:$("#name").val(), 
		},
		dataType:"text",//类型
		beforeSend:function(XMLHttpRequest){
			$("#show").text("loading..");
		},
		success:function(data,textStatus){//data代表servlet返回的数据，随意命名，一般写msg
			$("#show").text(data);//给id为show的div显示返回的text
			$("#show").css("color","red");
		},
	});
}

servlet:

public class Check extends HttpServlet{

	public void service(HttpServletRequest request, HttpServletResponse response)
		    throws ServletException, IOException {
		     //处理中文问题
		   request.setCharacterEncoding("utf-8");
		   response.setContentType("text/html;charset=utf-8");
		   System.out.println("开始交互");
		   String name=request.getParameter("name");//获取ajax传过来的值
		   PrintWriter out = response.getWriter();
		   out.write(name);//相应
		   System.out.println("name=="+name+"\n");
		   out.flush();
		   out.close();
		   System.out.println("交互结束");
		  
		}
}

web.xml

 <servlet>
  <servlet-name>Check</servlet-name>   
  <servlet-class>a.Check</servlet-class>   <!--Servlet的类-->
</servlet>
<servlet-mapping>
  <servlet-name>Check</servlet-name>               
  <url-pattern>/Check</url-pattern>                   <!--映射的url路径 -->
</servlet-mapping>

这里就完成一个最简单的交互,将传过去的值返回回来，可以在次基础上做自己需要的事情，验证注册名是否合法，登录名是否为空，以及其他的操作。

皮蛋小粥

关注

4
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
（二）jQuery+ajax与servlet的交互

前面了解到jQuery.ajax的概念，里面的知识点讲述的很清楚。然后下一件事就是来完成一个例子来理解jQuery.ajax.：这里实现jQuery+ajax+servlet来实现两者的交互（不用struts是因为自己觉得该回顾一下servlet）,这个例子很简单，就是jsp页面表单里面的值，通过异步来和servlet交互：首先我们应该知道jQuery.ajax一些基本知识：比如url
复制链接

扫一扫