jQuery版本的ajax实现方式(笔记)

一、导入js的文件:
jquery-1.12.4.js
然后测试代码:

 <body>
  <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
  <script>
  $(function(){	
  	$("#user").blur(function(){
  		var name=$("#user").val();
  		//拿到文章的值并且提交
	  	$.ajax({
	  		url:"IndexServlet",  //提交的url
	  		data:"name="+name,				//提交的参数
	  		datatype:"text",			//返回类型
	  		type:"GET",			//提交方式
	  		success:function(){			//提交成功执行的操作
	  			alert(1);
	  		},
	  		error:function(){		//提交失败执行的操作
	  			alert(2);
	  		}
	  	});
  	}); 
  });
  </script>
    <form action="IndexServlet" method="post" enctype="">
    	用户名:<input type="text" name="user" οnblur="check()" id="user"/>
    	<input type="submit" value="提交"/>
    </form>
  </body>

IndexServlet的代码:

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setCharacterEncoding("utf-8");
		System.out.println("进入IndexServlet");
		
		/*String name=new  String(request.getParameter("name").getBytes("iso-8859-1"),"utf-8");*/
		String name=request.getParameter("name");
		
		System.out.println(name);
		
		//把数据发送到jsp里面
		
		PrintWriter out= response.getWriter();
		
		out.print(name);

欢迎各位分享自己的看法!

发布了108 篇原创文章 · 获赞 46 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_44739706/article/details/104389894