　　这里放一些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">&nbsp;&nbsp;

<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);

巴特西

日记整理---->2016-11-23