jQuery version of ajax implementation (notes)

First, the file import js:
jQuery-1.12.4.js
and test code:

 <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 code:

	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);

Welcome to share your thoughts!

Published 108 original articles · won praise 46 · views 30000 +

Guess you like

Origin blog.csdn.net/qq_44739706/article/details/104389894