初探jQuery【eclipse】

JavaScript的特性

脚本语言、基于对象、简单、动态性、跨平台性

程序代码编写位置

a)       编写到HTML中<script>标签中

 

b)       写在外部的.js文件中。然后通过script标签引入

 

JavaScript的事件驱动

c)        用户事件:用户操作,例如单击、鼠标移入、鼠标移出等

d)       系统事件:由系统触发的事件,例如文档加载完成。

e)       常用的事件:

  • onload
  • onclick          单击事件
  • onblur
  • onfocus         焦点事件
  • onmouseover
  • onmouseout

元素查询

功能

API

返回值

根据id值查询

document.getElementById(“id值”)

一个具体的元素节点

根据标签名查询

document.getElementsByTagName(“标签名”)

元素节点数组

根据name属性值查询

document.getElementsByName(“name值”)

元素节点数组

HTML页面中的JavaScript单击事件案例(点击弹窗)

 

HTML页面中的JavaScript焦点事件案例(点击置空)

测试jQuery是否导入成功

 

HTML页面中的jQuery单击事件案例

 

HTML页面中使用jQuery验证用户名的格式

 

登录页面中错误登录时清空提示信息

 

登录页面中使用JavaScript/jQuery校验非空

 

注册页面中使用JavaScript/jQuery校验格式(正则)

 

(重点)把校验后的注册信息写入数据库

第一步写Dao接口(查询是否存在相同用户名、写入数据两个接口)

 

第二步实现Dao接口(写sql)

 

第三步测试(测试sql的功能是否正常)

 

第四步创建servlet(获取注册页面发送的数据,传入Dao的实现类,进行判断)

 

第五步把注册页面的提交地址写成servlet所在的地址(一般就是类名)

 

需要注意的地方1:

1. 在servlet页面写request域用作错误的提示信息

 

2. 在regist页面调用这个request域

3. 在JavaScript/jQuery中编写焦点时间的代码(即点击输入框错误提示消失)

需要注意的地方2:

1. 在Servlet类中 “错误” 是转发,转发的代码是

  request.getRequestDispatcher().forward(request, response);

转发是在服务器中进行中的,不需要加项目名,只需要发起一次请求

 

2. 在Servlet类中 ”正确” 是重定向,重定向的代码是

  response.sendRedirect()

重定向是在前端中进行的,需要加项目名,需要发起两次请求

 

猜你喜欢

转载自www.cnblogs.com/Tunan-Ki/p/11704781.html
今日推荐