Ajax的JQuery实现

jQuery,EXJ,Vue.js:都有Ajax函数

acync不写是true
cache不写是true
type不写是get
var params = {pageCurrent:4};等价于var params = "pageCurrent=1";
dataType默认是json
http://localhost/ssm-v1/log/doLogListUI.do

jquery.js源码

jQuery.ajaxSettings.xhr = function() {
    try {
        return new window.XMLHttpRequest();
    } catch ( e ) {}
};
            send: function( headers, complete ) {
                var i,
                    xhr = options.xhr();

                xhr.open(
                    options.type,
                    options.url,
                    options.async,
                    options.username,
                    options.password
                );
//....
            },
//...
                try {

                    // Do send the request (this may raise an exception)
                    xhr.send( options.hasContent && options.data || null );
                } catch ( e ) {

                    // #14683: Only rethrow if this hasn't been notified as an error yet
                    if ( callback ) {
                        throw e;
                    }
                }

使用jQuery的ajax不用考虑乱码问题

    ajaxSettings: {
        url: location.href,
        type: "GET",
        isLocal: rlocalProtocol.test( location.protocol ),
        global: true,
        processData: true,
        async: true,
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
    },

xhr.open("GET",url,true)方法相当于打开一个连接,与服务端建立连接,底层是http请求,而http请求是面向连接的,要与服务端通信需要建立连接。打开连接的时候需要设置参数,如GET请求,url,true表示准备发送请求,还没发送
xhr.send(null);才是发送请求
回调函数:函数是自己写的,但不是由自己调用,由别人调用。如生活中网上买东西自己留下电话号码,自己不知道东西什么时候到,但是东西到了快递员会给自己打电话(快递员回调你打你的电话)。接口中的方法都可看成回调函数(由自己写但不由自己调用的函数)。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




日志


    

系统日志列表页面Ajax-JQuery

time:<%=new java.util.Date()%>

id userName Method
数据加载中。。。

dataType默认是json

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




日志


    

系统日志列表页面Ajax-JQuery

time:<%=new java.util.Date()%>

id userName Method
数据加载中。。。
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




日志


    

系统日志列表页面Ajax-JQuery

time:<%=new java.util.Date()%>

id userName Method
数据加载中。。。

你可能感兴趣的:(Ajax的JQuery实现)