这里放一些jquery的学习知识。可能从一开始就是我一个人单枪匹马，来年不求并肩作战，只愿所向披靡。
jquery的学习一
jquery关于ajax的一些学习博客
ajax方法的介绍：https://learn.jquery.com/ajax/jquery-ajax-methods/ ajax方法jsonp：https://learn.jquery.com/ajax/working-with-jsonp/ jquery中deferreds：https://learn.jquery.com/code-organization/deferreds/ jquery的api学习：https://api.jquery.com/
jquery关于ajax的代码示例
一、我们通过一个案例来学习ajax的一些细节
- html的代码：
<input type="text" id="username">
<button onclick="ajaxTest()">click me</button>
- js的代码：
function ajaxTest() {
var username = $("#username").val();
var data = {
username: username
}
$.ajax({
url: "loginAction/userLogin.action",
data: data,
type: "GET"
}).done(function(response, textStatus, jqXHR ) {
console.log("done methods." + response);
console.log("textStatus " + textStatus);
}).fail(function( xhr, status, errorThrown ) {
console.log( "Error: " + errorThrown );
console.log( "Status: " + status );
console.dir( xhr );
}).always(function( xhr, status ) {
console.log( "The request is complete!" );
});
}- java的代码：
@Controller
@RequestMapping(value = "loginAction")
public class LoginAction {
@RequestMapping(value = "userLogin")
public void userLogin(HttpServletRequest request, HttpServletResponse response) throws IOException, Exception {
String username = (String) request.getAttribute("username");
if (StringUtils.isEmpty(username) ) {
throw new RuntimeException();
} else if (username.equals("huhx")) {
request.getRequestDispatcher("/html/fail.html").forward(request, response);
} else if (username.equals("linux")){
response.sendRedirect("/BaseTest/html/redicect.html");
} else {
response.getWriter().write("Hello World");
}
}
}
二、我们看一下demo运行的效果：
、当username为空时，也就是用户没有输入： 顺序执行了fail方法和always方法，后台报错。 、当username为huhx时：顺序执行了done方法和always方法，done里面的response内容是fail.html的内容。 、当username为linux时，顺序执行了done方法和always方法，done里面的response内容是redicect.html的内容。 、当username为其它时，顺序执行了done方法和always方法，done里面的response内容是字符串Hello World。
三、关于上述几个方法，官方的说明：
- jqXHR.done(function(data, textStatus, jqXHR) {});
An alternative construct to the success callback option, refer to deferred.done() for implementation details. 200和302都会执行done方法。
- jqXHR.fail(function(jqXHR, textStatus, errorThrown) {});
An alternative construct to the error callback option, the .fail() method replaces the deprecated .error() method. Refer to deferred.fail() for implementation details.
- jqXHR.always(function(data|jqXHR, textStatus, jqXHR|errorThrown) { }); (added in jQuery 1.6)
An alternative construct to the complete callback option, the .always() method replaces the deprecated .complete() method.In response to a successful request, the function's arguments are the same as those of .done(): data, textStatus, and the jqXHR object. For failed requests the arguments are the same as those of .fail(): the jqXHR object, textStatus, and errorThrown. Refer to deferred.always() for implementation details.
- jqXHR.then(function(data, textStatus, jqXHR) {}, function( jqXHR, textStatus, errorThrown ) {});
Incorporates the functionality of the .done() and .fail() methods, allowing (as of jQuery 1.8) the underlying Promise to be manipulated. Refer to deferred.then() for implementation details.
Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0. You can use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.
dom元素选择器
一、文档中id只能是唯一的，class可以多个存在。
<div id="huhxDiv" class="huhxclass">
<span class="huhxclass">Hello World</span>
</div>
<div id="huhxDiv" class="huhxclass">
<span>Hello World</span>
</div>
通知js获得的结果如下：
console.log($("#huhxDiv").length); // 1，只能得到第一个找到的匹配元素
console.log($(".huhxclass").length); //
console.log(document.getElementById("huhxDiv").length); // undefined，由于原生的div是没有length属性的java中的一些小知识
一、String类的compare方法
String str1 = "Abc", str2 = "ACc";
System.out.println(str1.compareTo(str2));
具体的源代码如下：
public int compareTo(String anotherString) {
int len1 = value.length;
int len2 = anotherString.value.length;
int lim = Math.min(len1, len2);
char v1[] = value;
char v2[] = anotherString.value;
int k = 0;
while (k < lim) {
char c1 = v1[k];
char c2 = v2[k];
if (c1 != c2) {
return c1 - c2;
}
k++;
}
return len1 - len2;
}二、关于Date类的一些用法
Date date1 = new Date(2015 - 1900, 1, 3, 13, 23, 45); // 2015年2月
Date now = new Date();
System.out.println(now.getTime() - date1.getTime());
System.out.println(now.compareTo(date1)); // 时间先后的比较-1
System.out.println(date1);
运行的效果如下：注意new Date()的第一个参数，需要减去1900。对于js，不需要减去1900的。
Tue Feb :: CST
关于Date类里面的compareTo方法，源代码如下：
public int compareTo(Date anotherDate) {
long thisTime = getMillisOf(this);
long anotherTime = getMillisOf(anotherDate);
return (thisTime<anotherTime ? -1 : (thisTime==anotherTime ? 0 : 1));
}三、关于UUID的一些用法
UUID uuid = UUID.randomUUID();
String uuidStr = uuid.toString().replaceAll("-", "");
System.out.println(uuid.toString());
System.out.println(uuidStr);
运行的效果如下：
dec86160-d271-439b--4046bba2ad94
dec86160d271439b88254046bba2ad94
四、Calendar类的一些使用
按理说new Date(int, int, int)等方法已经废弃了，官方推荐使用的是Calendar。基础使用方法如下：
Calendar calendar = Calendar.getInstance();
calendar.set(2015, 1, 3, 13, 23, 34); // 这个和上面的时间设置是一样的
System.out.println(calendar.getTime().toString());
运行的效果为： Tue Feb 03 13:23:34 CST 2015
Calendar中提供了before和after方法来比较时间的先后，关于before方法的代码如下：
public boolean before(Object when) {
return when instanceof Calendar && compareTo((Calendar)when) < 0;
}五、TimeUnit的使用
TimeUnit.MILLISECONDS.sleep(1000);