最近闲来无事弄了一下jquery。顺便练习一下基本语句,并尝试着用用封装好的ajax特性
以下是简单知识点的总结:
<%@ page language="java" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery_1.4_All.js"></script>
<script type="text/javascript">
function doRequest1(){
$.ajax({
type:"post",
url:"loginServlet",
data:"username="+$("#username").val()+"&password="+$("#password").val(),
success:function(msg){
$("#msg").text(msg);
$("#msg").val(msg);
}
});
};
</script>
</head>
<body>
<div>
<form action="#">
用户: <input type="text" name="username" id="username"/>
密码: <input type="text" name="password" id="password"/>
<input type="button" id="send" value="提交" onclick="doRequest1();"/>
<span id="msg"></span>
</form>
</div>
</body>
</html>
package beyondx.ajax;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet{
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String username = request.getParameter("username");
String password = request.getParameter("password");
PrintWriter out = response.getWriter();
if(username.equals("zzz")&&password.equals("111")){
out.print("welcome "+username);
}
else out.print("账号密码错误");
}
}
<?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">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>loginServlet</servlet-name>
<servlet-class>beyondx.ajax.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>loginServlet</servlet-name>
<url-pattern>/loginServlet</url-pattern>
</servlet-mapping>
</web-app>
希望对想了解jquery的朋友有所帮助。
分享到:
相关推荐
1. **jQuery**: jQuery 是一个轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。EasyUI 基于 jQuery,利用其强大的选择器和链式调用来实现组件操作。 2. **UI 组件**: jQuery EasyUI ...
中国海洋大学-非全日制研究生_910计算机技术01_专硕资料_初试资料_完整版
- **标题**:“考研备考资料真题-2021-2019年宁波大学考研346体育综合初试真题_”表明这是一份宁波大学体育专业硕士研究生入学考试的专业课真题集。 - **描述**:“考研备考资料,复习资料;历年真题,大学自命题...
标题《初试jQuery EasyUI 使用介绍》和描述部分提到的内容,主要涉及以下知识点: 1. jQuery EasyUI介绍:jQuery EasyUI是一个基于jQuery的UI库,它提供了一系列的插件,使得开发者能够快速构建具有丰富功能和美观...
《福州大学研究生复试和初试模电真题_3》是一个关于福州大学研究生入学考试模拟电子线路(模电)科目的复习资源集合。这个压缩包包含了一套2009级《模拟电子线路》期末试卷的参考答案以及若干图片文件。复习模电,...
【福州大学研究生复试和初试模电真题_2】涉及的是模拟电子技术(简称“模电”)的考试题目,这门课程是电子信息工程、通信工程、自动化等专业的重要基础课程。模电主要研究电子设备和系统中的信号放大、转换、滤波等...
【福州大学研究生复试和初试模电真题详解】 福州大学作为福建省内的重要高等教育机构,其研究生招生考试具有一定的选拔性和严谨性。"模电"是模拟电子技术的简称,是电子工程领域基础且重要的课程,对于研究生的录取...
首先,服务器端创建了一个XML文件,例如`web_ajax.asp`,它动态生成了一个XML文档,包含一个`msg`标签,里面填充了一段文字内容。这个XML文档结构如下: ```xml 一个简单的Asp输出xml的示例,以后在我们的ajax...
这里`"POST"`表示请求类型,`"web_ajax.asp"`是服务器端处理请求的文件,`true`表示请求是异步的,即页面不会因为请求而停止加载。 `ajax.onreadystatechange`是一个事件处理器,当请求的状态改变时,会执行其中的...
csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟卷.docx csp - j初试模拟...
根据提供的文件信息,标题与描述均为“六年级初试试题A卷_第四届创新杯(扫描版,无答案).doc”,这表明文档是一份针对六年级学生的初试竞赛试题,属于第四届创新杯的一部分,并且该文档是扫描版,没有提供答案。...
西南交通大学作为电气工程及其相关学科研究的重要学术阵地,其研究生入学考试(初试)一直备受关注,尤其是电力电子与电力系统分析这两个专业课目。对于志在报考西南交大研究生的学子而言,掌握这两个领域的核心知识...
【标题】基于C++的研究生初试录取管理系统全文件 本系统是针对研究生初试录取流程而设计的一个管理软件,采用C++编程语言在Visual Studio环境下实现。C++是一种广泛应用的面向对象编程语言,以其高效、灵活性和强大...
《软件工程初试》资料集合是为准备武汉科技大学计算机专业考研初试的考生精心整理的一份宝贵资源。这个压缩包涵盖了三个主要部分:期末考试试卷、历年真题以及模拟预测题,旨在帮助考生全面深入地理解和掌握软件工程...
《大连大学2023年初试科目大纲汇总》是一份重要的教育资源,主要涵盖了该校硕士研究生入学考试的各项科目大纲。这份压缩文件的目的是为考生提供清晰的考试范围和学习指南,帮助他们有效地准备初试。以下是根据文件名...
最新人教版小学四年级语文下册《交流平台_初试身手》精品课件-.pdf