AJAX学习笔记之JQ使用方法
2015-04-26 17:10
387 查看
首先在src文件下写好servlet,命名为ajax_Serve:
设置好之后,编写web.xml文件:
编写html文件:
写完之后,就可以愉快的运行啦
import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.ServletException; import java.io.IOException; import java.io.PrintWriter; import java.net.URLDecoder; public class ajax_Server extends HttpServlet{ protected void doPost(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse){ doGet(httpServletRequest,httpServletResponse); } protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse){ try{ httpServletResponse.setContentType("text/html;charset=utf-8"); PrintWriter out = httpServletResponse.getWriter(); String old = httpServletRequest.getParameter("name"); if(old == null || old.length() == 0){ out.println("用户名不能为空"); }else{ String name = old; if(name.equals("123")){ out.println("用户名["+name+"]已经存在"); }else{ out.println("用户名["+name+"]未存在"); } } }catch(Exception e){ e.printStackTrace(); } } }
设置好之后,编写web.xml文件:
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <display-name></display-name> <welcome-file-list> <welcome-file>ajax.html</welcome-file> </welcome-file-list> <servlet> <servlet-name>ajax_Server</servlet-name> <servlet-class>ajax_Server</servlet-class> </servlet> <servlet-mapping> <servlet-name>ajax_Server</servlet-name> <url-pattern>/ajax_Server</url-pattern> </servlet-mapping> </web-app>
编写html文件:
<!DOCTYPE html> <html> <head> <title>ajax.html</title> <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="js/ajax.js"></script> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=GB18030"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> This is a ajax's test <br> <input type="text" id="user_Name" /> <input type="button" id="button" value="校验" /> <div id="result"></div> </body> </html>编写js文件:
$(function(){ $("#button").click(function(){ verify(); }); }); function verify(){ $.get("ajax_Server?name="+$("#user_Name").val(),null,function(data){//匿名函数的写法 $("#result").html(data); }); }
写完之后,就可以愉快的运行啦
相关文章推荐
- AJAX学习笔记之xml的JQ使用方法
- AJAX学习笔记之原生JS使用方法
- AJAX学习笔记之XML对象原生JS使用方法
- Struts 2 学习笔记:Struts 2 中 Ajax 的使用方法
- ajax读取数据后使用jqchart显示图表的方法
- Android(java)学习笔记107-0:通过反射获得构造方法并且使用
- ajax读取数据后使用jqchart显示图表的方法
- Android(java)学习笔记107-1:通过反射获得带参构造方法并且使用
- Android(java)学习笔记108:通过反射获取私有构造方法并且使用
- Android(java)学习笔记109:通过反射获取成员变量和成员方法并且使用
- Objective-C学习笔记(八)——高级跳转语句goto使用方法
- Objective-C学习笔记(九)——循环语句while的使用方法
- Java学习笔记2:使用replaceAll()方法替换字符串中的反斜杠:左斜杠(\)和右斜杠(/)
- FreeRTOS学习笔记—CM4内核中断在RTOS中的使用方法
- js学习笔记(1)之document.write()方法使用总结
- Java学习笔记------BufferedLine类的readLine()方法 使用须知
- 【前端学习笔记】JQuery事件细节、JQ进阶常用方法
- jquery学习笔记----ajax使用
- Wireshark使用方法(学习笔记二——查询统计) http://www.2cto.com/Article/201201/115880.html
- 【LaTex】学习笔记:入门使用方法