JQuery学习日志一(验证用户名是否重复AJAX)

来源:互联网 发布:地球只有一个人 知乎 编辑:程序博客网 时间:2024/05/29 11:36

JS代码:

 

CSS代码:

HTML代码:

 

服务端JAVA代码:

 

 

学习总结:

1)  HTML负责页面,CSS负责样式,JS负责页面行为;

2)  可以预先定义DIV或者SPAN节点来显示服务端返回的数据;

3)  可以通过#idname或者.classname来定制HTML页面的样式;

4)  可以通过$(document).ready(function(){ })的方式来定义页面装载完成后需要执行的方法;

5)  可以通过$()来获取页面的指定节点,参数是某种CSS的选择器。例如:$("#username")获取页面上ID为username的节点;

       $("table tr")获取table元素节点下所有的tr节点;

6)  可以在$()返回的JQuery对象上执行各种JQuery的方法。例如:$("#verifyButton").click(function(){});

7)  val()方法可以获得节点的value属性值;

8)  html()方法可以获得某个节点中的html内容;

9)  click()方法可以相应鼠标点击事件;

10) keyup()方法可以相应键盘弹起事件;

11) $().get方法可以以AJAX的方式与服务器进行交互,注册的callback()方法会在数据返回时被调用;

12) addClass()或removeClass()可以给某一节点添加或者删除一个class;

13) 发送给服务器端的数据在javascript中做两次encodeURI,然后在服务器端的代码中按UTF-8的方式做一次URLDecode,可以解决中文乱码问题;

 

原创粉丝点击