add ajax to nuclear

dist/nuclear.js

@@ -21,6 +21,7 @@ contain zepto,event and touch modules
 https://github.com/madrobby/zepto/blob/master/src/zepto.js
 https://github.com/madrobby/zepto/blob/master/src/event.js
 https://github.com/madrobby/zepto/blob/master/src/touch.js
+https://github.com/madrobby/zepto/blob/master/src/ajax.js
 */
 
 var Nuclear = (function () {
@@ -1376,6 +1377,368 @@ var Nuclear = (function () {
 })(Nuclear)
 
 
+
+; (function ($) {
+    var jsonpID = 0,
+        document = window.document,
+        key,
+        name,
+        rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+        scriptTypeRE = /^(?:text|application)\/javascript/i,
+        xmlTypeRE = /^(?:text|application)\/xml/i,
+        jsonType = 'application/json',
+        htmlType = 'text/html',
+        blankRE = /^\s*$/,
+        originAnchor = document.createElement('a')
+
+    originAnchor.href = window.location.href
+
+    // trigger a custom event and return false if it was cancelled
+    function triggerAndReturn(context, eventName, data) {
+        var event = $.Event(eventName)
+        $(context).trigger(event, data)
+        return !event.isDefaultPrevented()
+    }
+
+    // trigger an Ajax "global" event
+    function triggerGlobal(settings, context, eventName, data) {
+        if (settings.global) return triggerAndReturn(context || document, eventName, data)
+    }
+
+    // Number of active Ajax requests
+    $.active = 0
+
+    function ajaxStart(settings) {
+        if (settings.global && $.active++ === 0) triggerGlobal(settings, null, 'ajaxStart')
+    }
+    function ajaxStop(settings) {
+        if (settings.global && !(--$.active)) triggerGlobal(settings, null, 'ajaxStop')
+    }
+
+    // triggers an extra global event "ajaxBeforeSend" that's like "ajaxSend" but cancelable
+    function ajaxBeforeSend(xhr, settings) {
+        var context = settings.context
+        if (settings.beforeSend.call(context, xhr, settings) === false ||
+            triggerGlobal(settings, context, 'ajaxBeforeSend', [xhr, settings]) === false)
+            return false
+
+        triggerGlobal(settings, context, 'ajaxSend', [xhr, settings])
+    }
+    function ajaxSuccess(data, xhr, settings, deferred) {
+        var context = settings.context, status = 'success'
+        settings.success.call(context, data, status, xhr)
+        if (deferred) deferred.resolveWith(context, [data, status, xhr])
+        triggerGlobal(settings, context, 'ajaxSuccess', [xhr, settings, data])
+        ajaxComplete(status, xhr, settings)
+    }
+    // type: "timeout", "error", "abort", "parsererror"
+    function ajaxError(error, type, xhr, settings, deferred) {
+        var context = settings.context
+        settings.error.call(context, xhr, type, error)
+        if (deferred) deferred.rejectWith(context, [xhr, type, error])
+        triggerGlobal(settings, context, 'ajaxError', [xhr, settings, error || type])
+        ajaxComplete(type, xhr, settings)
+    }
+    // status: "success", "notmodified", "error", "timeout", "abort", "parsererror"
+    function ajaxComplete(status, xhr, settings) {
+        var context = settings.context
+        settings.complete.call(context, xhr, status)
+        triggerGlobal(settings, context, 'ajaxComplete', [xhr, settings])
+        ajaxStop(settings)
+    }
+
+    // Empty function, used as default callback
+    function empty() { }
+
+    $.ajaxJSONP = function (options, deferred) {
+        if (!('type' in options)) return $.ajax(options)
+
+        var _callbackName = options.jsonpCallback,
+          callbackName = ($.isFunction(_callbackName) ?
+            _callbackName() : _callbackName) || ('jsonp' + (++jsonpID)),
+          script = document.createElement('script'),
+          originalCallback = window[callbackName],
+          responseData,
+          abort = function (errorType) {
+              $(script).triggerHandler('error', errorType || 'abort')
+          },
+          xhr = { abort: abort }, abortTimeout
+
+        if (deferred) deferred.promise(xhr)
+
+        $(script).on('load error', function (e, errorType) {
+            clearTimeout(abortTimeout)
+            $(script).off().remove()
+
+            if (e.type == 'error' || !responseData) {
+                ajaxError(null, errorType || 'error', xhr, options, deferred)
+            } else {
+                ajaxSuccess(responseData[0], xhr, options, deferred)
+            }
+
+            window[callbackName] = originalCallback
+            if (responseData && $.isFunction(originalCallback))
+                originalCallback(responseData[0])
+
+            originalCallback = responseData = undefined
+        })
+
+        if (ajaxBeforeSend(xhr, options) === false) {
+            abort('abort')
+            return xhr
+        }
+
+        window[callbackName] = function () {
+            responseData = arguments
+        }
+
+        script.src = options.url.replace(/\?(.+)=\?/, '?$1=' + callbackName)
+        document.head.appendChild(script)
+
+        if (options.timeout > 0) abortTimeout = setTimeout(function () {
+            abort('timeout')
+        }, options.timeout)
+
+        return xhr
+    }
+
+    $.ajaxSettings = {
+        // Default type of request
+        type: 'GET',
+        // Callback that is executed before request
+        beforeSend: empty,
+        // Callback that is executed if the request succeeds
+        success: empty,
+        // Callback that is executed the the server drops error
+        error: empty,
+        // Callback that is executed on request complete (both: error and success)
+        complete: empty,
+        // The context for the callbacks
+        context: null,
+        // Whether to trigger "global" Ajax events
+        global: true,
+        // Transport
+        xhr: function () {
+            return new window.XMLHttpRequest()
+        },
+        // MIME types mapping
+        // IIS returns Javascript as "application/x-javascript"
+        accepts: {
+            script: 'text/javascript, application/javascript, application/x-javascript',
+            json: jsonType,
+            xml: 'application/xml, text/xml',
+            html: htmlType,
+            text: 'text/plain'
+        },
+        // Whether the request is to another domain
+        crossDomain: false,
+        // Default timeout
+        timeout: 0,
+        // Whether data should be serialized to string
+        processData: true,
+        // Whether the browser should be allowed to cache GET responses
+        cache: true
+    }
+
+    function mimeToDataType(mime) {
+        if (mime) mime = mime.split(';', 2)[0]
+        return mime && (mime == htmlType ? 'html' :
+          mime == jsonType ? 'json' :
+          scriptTypeRE.test(mime) ? 'script' :
+          xmlTypeRE.test(mime) && 'xml') || 'text'
+    }
+
+    function appendQuery(url, query) {
+        if (query == '') return url
+        return (url + '&' + query).replace(/[&?]{1,2}/, '?')
+    }
+
+    // serialize payload and append it to the URL for GET requests
+    function serializeData(options) {
+        if (options.processData && options.data && $.type(options.data) != "string")
+            options.data = $.param(options.data, options.traditional)
+        if (options.data && (!options.type || options.type.toUpperCase() == 'GET'))
+            options.url = appendQuery(options.url, options.data), options.data = undefined
+    }
+
+    $.ajax = function (options) {
+        var settings = $.extend({}, options || {}),
+            deferred = $.Deferred && $.Deferred(),
+            urlAnchor, hashIndex
+        for (key in $.ajaxSettings) if (settings[key] === undefined) settings[key] = $.ajaxSettings[key]
+
+        ajaxStart(settings)
+
+        if (!settings.crossDomain) {
+            urlAnchor = document.createElement('a')
+            urlAnchor.href = settings.url
+            // cleans up URL for .href (IE only), see https://github.com/madrobby/zepto/pull/1049
+            urlAnchor.href = urlAnchor.href
+            settings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host)
+        }
+
+        if (!settings.url) settings.url = window.location.toString()
+        if ((hashIndex = settings.url.indexOf('#')) > -1) settings.url = settings.url.slice(0, hashIndex)
+        serializeData(settings)
+
+        var dataType = settings.dataType, hasPlaceholder = /\?.+=\?/.test(settings.url)
+        if (hasPlaceholder) dataType = 'jsonp'
+
+        if (settings.cache === false || (
+             (!options || options.cache !== true) &&
+             ('script' == dataType || 'jsonp' == dataType)
+            ))
+            settings.url = appendQuery(settings.url, '_=' + Date.now())
+
+        if ('jsonp' == dataType) {
+            if (!hasPlaceholder)
+                settings.url = appendQuery(settings.url,
+                  settings.jsonp ? (settings.jsonp + '=?') : settings.jsonp === false ? '' : 'callback=?')
+            return $.ajaxJSONP(settings, deferred)
+        }
+
+        var mime = settings.accepts[dataType],
+            headers = {},
+            setHeader = function (name, value) { headers[name.toLowerCase()] = [name, value] },
+            protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol,
+            xhr = settings.xhr(),
+            nativeSetHeader = xhr.setRequestHeader,
+            abortTimeout
+
+        if (deferred) deferred.promise(xhr)
+
+        if (!settings.crossDomain) setHeader('X-Requested-With', 'XMLHttpRequest')
+        setHeader('Accept', mime || '*/*')
+        if (mime = settings.mimeType || mime) {
+            if (mime.indexOf(',') > -1) mime = mime.split(',', 2)[0]
+            xhr.overrideMimeType && xhr.overrideMimeType(mime)
+        }
+        if (settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() != 'GET'))
+            setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded')
+
+        if (settings.headers) for (name in settings.headers) setHeader(name, settings.headers[name])
+        xhr.setRequestHeader = setHeader
+
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState == 4) {
+                xhr.onreadystatechange = empty
+                clearTimeout(abortTimeout)
+                var result, error = false
+                if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304 || (xhr.status == 0 && protocol == 'file:')) {
+                    dataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'))
+                    result = xhr.responseText
+
+                    try {
+                        // http://perfectionkills.com/global-eval-what-are-the-options/
+                        if (dataType == 'script') (1, eval)(result)
+                        else if (dataType == 'xml') result = xhr.responseXML
+                        else if (dataType == 'json') result = blankRE.test(result) ? null : $.parseJSON(result)
+                    } catch (e) { error = e }
+
+                    if (error) ajaxError(error, 'parsererror', xhr, settings, deferred)
+                    else ajaxSuccess(result, xhr, settings, deferred)
+                } else {
+                    ajaxError(xhr.statusText || null, xhr.status ? 'error' : 'abort', xhr, settings, deferred)
+                }
+            }
+        }
+
+        if (ajaxBeforeSend(xhr, settings) === false) {
+            xhr.abort()
+            ajaxError(null, 'abort', xhr, settings, deferred)
+            return xhr
+        }
+
+        if (settings.xhrFields) for (name in settings.xhrFields) xhr[name] = settings.xhrFields[name]
+
+        var async = 'async' in settings ? settings.async : true
+        xhr.open(settings.type, settings.url, async, settings.username, settings.password)
+
+        for (name in headers) nativeSetHeader.apply(xhr, headers[name])
+
+        if (settings.timeout > 0) abortTimeout = setTimeout(function () {
+            xhr.onreadystatechange = empty
+            xhr.abort()
+            ajaxError(null, 'timeout', xhr, settings, deferred)
+        }, settings.timeout)
+
+        // avoid sending empty string (#319)
+        xhr.send(settings.data ? settings.data : null)
+        return xhr
+    }
+
+    // handle optional data/success arguments
+    function parseArguments(url, data, success, dataType) {
+        if ($.isFunction(data)) dataType = success, success = data, data = undefined
+        if (!$.isFunction(success)) dataType = success, success = undefined
+        return {
+            url: url
+        , data: data
+        , success: success
+        , dataType: dataType
+        }
+    }
+
+    $.get = function (/* url, data, success, dataType */) {
+        return $.ajax(parseArguments.apply(null, arguments))
+    }
+
+    $.post = function (/* url, data, success, dataType */) {
+        var options = parseArguments.apply(null, arguments)
+        options.type = 'POST'
+        return $.ajax(options)
+    }
+
+    $.getJSON = function (/* url, data, success */) {
+        var options = parseArguments.apply(null, arguments)
+        options.dataType = 'json'
+        return $.ajax(options)
+    }
+
+    $.fn.load = function (url, data, success) {
+        if (!this.length) return this
+        var self = this, parts = url.split(/\s/), selector,
+            options = parseArguments(url, data, success),
+            callback = options.success
+        if (parts.length > 1) options.url = parts[0], selector = parts[1]
+        options.success = function (response) {
+            self.html(selector ?
+              $('<div>').html(response.replace(rscript, "")).find(selector)
+              : response)
+            callback && callback.apply(self, arguments)
+        }
+        $.ajax(options)
+        return this
+    }
+
+    var escape = encodeURIComponent
+
+    function serialize(params, obj, traditional, scope) {
+        var type, array = $.isArray(obj), hash = $.isPlainObject(obj)
+        $.each(obj, function (key, value) {
+            type = $.type(value)
+            if (scope) key = traditional ? scope :
+              scope + '[' + (hash || type == 'object' || type == 'array' ? key : '') + ']'
+            // handle data in serializeArray() format
+            if (!scope && array) params.add(value.name, value.value)
+                // recurse into nested objects
+            else if (type == "array" || (!traditional && type == "object"))
+                serialize(params, value, traditional, key)
+            else params.add(key, value)
+        })
+    }
+
+    $.param = function (obj, traditional) {
+        var params = []
+        params.add = function (key, value) {
+            if ($.isFunction(value)) value = value()
+            if (value == null) value = ""
+            this.push(escape(key) + '=' + escape(value))
+        }
+        serialize(params, obj, traditional)
+        return params.join('&').replace(/%20/g, '+')
+    }
+})(Nuclear)
 Nuclear.create = function (obj) {
     Nuclear._mixObj(obj);
     if (!obj.statics) obj.statics = {};

example/nav.html

@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title></title>
+    <style>
+        *, *:before, *:after {
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        .inner, .nav-panel ul .nav-btn:after {
+            content: "";
+            position: absolute;
+            top: 50%;
+            left: 50%;
+        }
+
+
+
+        .nav-panel {
+            position: fixed;
+            top: 50%;
+            right: 2%;
+            -webkit-transform: translateY(-50%);
+            -ms-transform: translateY(-50%);
+            transform: translateY(-50%);
+            z-index: 1000;
+            -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6);
+            transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6);
+            will-change: transform, opacity;
+        }
+
+            .nav-panel.invisible {
+                opacity: 0;
+                -webkit-transform: translateY(-50%) scale(0.5);
+                -ms-transform: translateY(-50%) scale(0.5);
+                transform: translateY(-50%) scale(0.5);
+            }
+
+            .nav-panel ul {
+                list-style-type: none;
+            }
+
+                .nav-panel ul .nav-btn {
+                    position: relative;
+                    overflow: hidden;
+                    width: 1em;
+                    height: 1em;
+                    margin-bottom: 0.5em;
+                    border: 0.12em solid black;
+                    border-radius: 50%;
+                    cursor: pointer;
+                    -webkit-transition: border-color, -webkit-transform 0.3s;
+                    transition: border-color, transform 0.3s;
+                    will-change: border-color, transform;
+                }
+
+                    .nav-panel ul .nav-btn:after {
+                        width: 100%;
+                        height: 100%;
+                        border-radius: 50%;
+                        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3);
+                        -ms-transform: translateX(-50%) translateY(-50%) scale(0.3);
+                        transform: translateX(-50%) translateY(-50%) scale(0.3);
+                        background-color: black;
+                        opacity: 0;
+                        -webkit-transition: -webkit-transform, opacity 0.3s;
+                        transition: transform, opacity 0.3s;
+                        will-change: transform, opacity;
+                    }
+
+                    .nav-panel ul .nav-btn.active:after, .nav-panel ul .nav-btn:hover:after {
+                        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
+                        -ms-transform: translateX(-50%) translateY(-50%) scale(0.7);
+                        transform: translateX(-50%) translateY(-50%) scale(0.7);
+                        opacity: 1;
+                    }
+
+                    .nav-panel ul .nav-btn:hover {
+                        border-color: #cc7a6f;
+                        -webkit-transform: scale(1.2);
+                        -ms-transform: scale(1.2);
+                        transform: scale(1.2);
+                    }
+
+                        .nav-panel ul .nav-btn:hover:after {
+                            background-color: #cc7a6f;
+                        }
+
+            .nav-panel .scroll-btn {
+                position: absolute;
+                left: 0;
+                width: 1em;
+                height: 1em;
+                border: 0.2em solid black;
+                border-left: none;
+                border-bottom: none;
+                cursor: pointer;
+                -webkit-transform-origin: 50% 50%;
+                -ms-transform-origin: 50% 50%;
+                transform-origin: 50% 50%;
+                -webkit-transition: border-color 0.3s;
+                transition: border-color 0.3s;
+            }
+
+                .nav-panel .scroll-btn.up {
+                    top: -1.6em;
+                    -webkit-transform: rotate(-45deg);
+                    -ms-transform: rotate(-45deg);
+                    transform: rotate(-45deg);
+                }
+
+                .nav-panel .scroll-btn.down {
+                    bottom: -1.2em;
+                    -webkit-transform: rotate(135deg);
+                    -ms-transform: rotate(135deg);
+                    transform: rotate(135deg);
+                }
+
+                .nav-panel .scroll-btn:hover {
+                    border-color: #cc7a6f;
+                }
+    </style>
+</head>
+<body>
+    <div class="nav-panel">
+        <div class="scroll-btn up"></div>
+        <div class="scroll-btn down"></div>
+        <div class="nav-tip" style="position:absolute;right:20px;top:0;">aaaaaaaaa</div>
+        <nav>
+            <ul>
+                <li class="nav-btn nav-page1 active"></li>
+                <li class="nav-btn nav-page2"></li>
+                <li class="nav-btn nav-page3"></li>
+                <li class="nav-btn nav-page4"></li>
+            </ul>
+        </nav>
+    </div>
+</body>
+</html>

example/nav2.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title></title>
+    <style>
+        *, *:before, *:after {
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        .nc-nav {
+            font-size: 0;
+        }
+
+            .nc-nav a {
+                background-color: #50BFF5;
+                display: inline-block;
+                width: 50%;
+                font-size: 12px;
+                 height: 10px;
+                border-right: 1px solid white;
+            }
+
+                .nc-nav a:nth-last-child(1) {
+                    border-right: 0px solid white;
+                }
+    </style>
+</head>
+<body>
+    <div class="nc-nav" style="width: 100%;  height: 10px; position: absolute;">
+        <a></a>
+        <a></a>
+    </div>
+</body>
+</html>

example/todo4.html

@@ -4,7 +4,7 @@
     <title>Todo</title>
 </head>
 <body>
-    <div id="container"></div>
+    <div id="todo2Container"></div>
     <script src="../dist/nuclear.js"></script>
     <script type="text/javascript">
         var TodoList = Nuclear.create({
@@ -17,18 +17,17 @@
             install: function () {
                 this.todoList = new TodoList({ items: [] })
             },
-            onRefresh: function () { 
-                this.form.addEventListener("submit", function (evt) {
-                    evt.preventDefault();                
+            add: function (evt) {
+                    evt.preventDefault();
                     this.todoList.option.items.push(this.textBox.value);
+                    //触发父容器的刷新
                     this.refresh();
-                }.bind(this), false);
             },
             render: function () {
                return '<div>\
                          <h3>TODO</h3>'
                          + this.todoList.render()+
-                         '<form nc-id="form" >\
+                         '<form onsubmit="add(event)" >\
                            <input nc-id="textBox" type="text"  />\
                            <button>Add #'+this.todoList.option.items.length+'</button>\
                          </form>\
@@ -36,7 +35,7 @@
             }
         });
 
-        new TodoApp( {},"#container");
+        new TodoApp( {},"#todo2Container");
     </script>
         <a href="https://github.com/AlloyTeam/Nuclear" target="_blank" style="position: absolute; right: 0; top: 0;">
         <img src="http://alloyteam.github.io/AlloyRenderingEngine/asset/img/github.png" alt="" />

src/nuclear.js

@@ -3,6 +3,7 @@ contain zepto,event and touch modules
 https://github.com/madrobby/zepto/blob/master/src/zepto.js
 https://github.com/madrobby/zepto/blob/master/src/event.js
 https://github.com/madrobby/zepto/blob/master/src/touch.js
+https://github.com/madrobby/zepto/blob/master/src/ajax.js
 */
 
 var Nuclear = (function () {
@@ -1357,3 +1358,366 @@ var Nuclear = (function () {
       })
 })(Nuclear)
 
+
+
+; (function ($) {
+    var jsonpID = 0,
+        document = window.document,
+        key,
+        name,
+        rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+        scriptTypeRE = /^(?:text|application)\/javascript/i,
+        xmlTypeRE = /^(?:text|application)\/xml/i,
+        jsonType = 'application/json',
+        htmlType = 'text/html',
+        blankRE = /^\s*$/,
+        originAnchor = document.createElement('a')
+
+    originAnchor.href = window.location.href
+
+    // trigger a custom event and return false if it was cancelled
+    function triggerAndReturn(context, eventName, data) {
+        var event = $.Event(eventName)
+        $(context).trigger(event, data)
+        return !event.isDefaultPrevented()
+    }
+
+    // trigger an Ajax "global" event
+    function triggerGlobal(settings, context, eventName, data) {
+        if (settings.global) return triggerAndReturn(context || document, eventName, data)
+    }
+
+    // Number of active Ajax requests
+    $.active = 0
+
+    function ajaxStart(settings) {
+        if (settings.global && $.active++ === 0) triggerGlobal(settings, null, 'ajaxStart')
+    }
+    function ajaxStop(settings) {
+        if (settings.global && !(--$.active)) triggerGlobal(settings, null, 'ajaxStop')
+    }
+
+    // triggers an extra global event "ajaxBeforeSend" that's like "ajaxSend" but cancelable
+    function ajaxBeforeSend(xhr, settings) {
+        var context = settings.context
+        if (settings.beforeSend.call(context, xhr, settings) === false ||
+            triggerGlobal(settings, context, 'ajaxBeforeSend', [xhr, settings]) === false)
+            return false
+
+        triggerGlobal(settings, context, 'ajaxSend', [xhr, settings])
+    }
+    function ajaxSuccess(data, xhr, settings, deferred) {
+        var context = settings.context, status = 'success'
+        settings.success.call(context, data, status, xhr)
+        if (deferred) deferred.resolveWith(context, [data, status, xhr])
+        triggerGlobal(settings, context, 'ajaxSuccess', [xhr, settings, data])
+        ajaxComplete(status, xhr, settings)
+    }
+    // type: "timeout", "error", "abort", "parsererror"
+    function ajaxError(error, type, xhr, settings, deferred) {
+        var context = settings.context
+        settings.error.call(context, xhr, type, error)
+        if (deferred) deferred.rejectWith(context, [xhr, type, error])
+        triggerGlobal(settings, context, 'ajaxError', [xhr, settings, error || type])
+        ajaxComplete(type, xhr, settings)
+    }
+    // status: "success", "notmodified", "error", "timeout", "abort", "parsererror"
+    function ajaxComplete(status, xhr, settings) {
+        var context = settings.context
+        settings.complete.call(context, xhr, status)
+        triggerGlobal(settings, context, 'ajaxComplete', [xhr, settings])
+        ajaxStop(settings)
+    }
+
+    // Empty function, used as default callback
+    function empty() { }
+
+    $.ajaxJSONP = function (options, deferred) {
+        if (!('type' in options)) return $.ajax(options)
+
+        var _callbackName = options.jsonpCallback,
+          callbackName = ($.isFunction(_callbackName) ?
+            _callbackName() : _callbackName) || ('jsonp' + (++jsonpID)),
+          script = document.createElement('script'),
+          originalCallback = window[callbackName],
+          responseData,
+          abort = function (errorType) {
+              $(script).triggerHandler('error', errorType || 'abort')
+          },
+          xhr = { abort: abort }, abortTimeout
+
+        if (deferred) deferred.promise(xhr)
+
+        $(script).on('load error', function (e, errorType) {
+            clearTimeout(abortTimeout)
+            $(script).off().remove()
+
+            if (e.type == 'error' || !responseData) {
+                ajaxError(null, errorType || 'error', xhr, options, deferred)
+            } else {
+                ajaxSuccess(responseData[0], xhr, options, deferred)
+            }
+
+            window[callbackName] = originalCallback
+            if (responseData && $.isFunction(originalCallback))
+                originalCallback(responseData[0])
+
+            originalCallback = responseData = undefined
+        })
+
+        if (ajaxBeforeSend(xhr, options) === false) {
+            abort('abort')
+            return xhr
+        }
+
+        window[callbackName] = function () {
+            responseData = arguments
+        }
+
+        script.src = options.url.replace(/\?(.+)=\?/, '?$1=' + callbackName)
+        document.head.appendChild(script)
+
+        if (options.timeout > 0) abortTimeout = setTimeout(function () {
+            abort('timeout')
+        }, options.timeout)
+
+        return xhr
+    }
+
+    $.ajaxSettings = {
+        // Default type of request
+        type: 'GET',
+        // Callback that is executed before request
+        beforeSend: empty,
+        // Callback that is executed if the request succeeds
+        success: empty,
+        // Callback that is executed the the server drops error
+        error: empty,
+        // Callback that is executed on request complete (both: error and success)
+        complete: empty,
+        // The context for the callbacks
+        context: null,
+        // Whether to trigger "global" Ajax events
+        global: true,
+        // Transport
+        xhr: function () {
+            return new window.XMLHttpRequest()
+        },
+        // MIME types mapping
+        // IIS returns Javascript as "application/x-javascript"
+        accepts: {
+            script: 'text/javascript, application/javascript, application/x-javascript',
+            json: jsonType,
+            xml: 'application/xml, text/xml',
+            html: htmlType,
+            text: 'text/plain'
+        },
+        // Whether the request is to another domain
+        crossDomain: false,
+        // Default timeout
+        timeout: 0,
+        // Whether data should be serialized to string
+        processData: true,
+        // Whether the browser should be allowed to cache GET responses
+        cache: true
+    }
+
+    function mimeToDataType(mime) {
+        if (mime) mime = mime.split(';', 2)[0]
+        return mime && (mime == htmlType ? 'html' :
+          mime == jsonType ? 'json' :
+          scriptTypeRE.test(mime) ? 'script' :
+          xmlTypeRE.test(mime) && 'xml') || 'text'
+    }
+
+    function appendQuery(url, query) {
+        if (query == '') return url
+        return (url + '&' + query).replace(/[&?]{1,2}/, '?')
+    }
+
+    // serialize payload and append it to the URL for GET requests
+    function serializeData(options) {
+        if (options.processData && options.data && $.type(options.data) != "string")
+            options.data = $.param(options.data, options.traditional)
+        if (options.data && (!options.type || options.type.toUpperCase() == 'GET'))
+            options.url = appendQuery(options.url, options.data), options.data = undefined
+    }
+
+    $.ajax = function (options) {
+        var settings = $.extend({}, options || {}),
+            deferred = $.Deferred && $.Deferred(),
+            urlAnchor, hashIndex
+        for (key in $.ajaxSettings) if (settings[key] === undefined) settings[key] = $.ajaxSettings[key]
+
+        ajaxStart(settings)
+
+        if (!settings.crossDomain) {
+            urlAnchor = document.createElement('a')
+            urlAnchor.href = settings.url
+            // cleans up URL for .href (IE only), see https://github.com/madrobby/zepto/pull/1049
+            urlAnchor.href = urlAnchor.href
+            settings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host)
+        }
+
+        if (!settings.url) settings.url = window.location.toString()
+        if ((hashIndex = settings.url.indexOf('#')) > -1) settings.url = settings.url.slice(0, hashIndex)
+        serializeData(settings)
+
+        var dataType = settings.dataType, hasPlaceholder = /\?.+=\?/.test(settings.url)
+        if (hasPlaceholder) dataType = 'jsonp'
+
+        if (settings.cache === false || (
+             (!options || options.cache !== true) &&
+             ('script' == dataType || 'jsonp' == dataType)
+            ))
+            settings.url = appendQuery(settings.url, '_=' + Date.now())
+
+        if ('jsonp' == dataType) {
+            if (!hasPlaceholder)
+                settings.url = appendQuery(settings.url,
+                  settings.jsonp ? (settings.jsonp + '=?') : settings.jsonp === false ? '' : 'callback=?')
+            return $.ajaxJSONP(settings, deferred)
+        }
+
+        var mime = settings.accepts[dataType],
+            headers = {},
+            setHeader = function (name, value) { headers[name.toLowerCase()] = [name, value] },
+            protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol,
+            xhr = settings.xhr(),
+            nativeSetHeader = xhr.setRequestHeader,
+            abortTimeout
+
+        if (deferred) deferred.promise(xhr)
+
+        if (!settings.crossDomain) setHeader('X-Requested-With', 'XMLHttpRequest')
+        setHeader('Accept', mime || '*/*')
+        if (mime = settings.mimeType || mime) {
+            if (mime.indexOf(',') > -1) mime = mime.split(',', 2)[0]
+            xhr.overrideMimeType && xhr.overrideMimeType(mime)
+        }
+        if (settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() != 'GET'))
+            setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded')
+
+        if (settings.headers) for (name in settings.headers) setHeader(name, settings.headers[name])
+        xhr.setRequestHeader = setHeader
+
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState == 4) {
+                xhr.onreadystatechange = empty
+                clearTimeout(abortTimeout)
+                var result, error = false
+                if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304 || (xhr.status == 0 && protocol == 'file:')) {
+                    dataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'))
+                    result = xhr.responseText
+
+                    try {
+                        // http://perfectionkills.com/global-eval-what-are-the-options/
+                        if (dataType == 'script') (1, eval)(result)
+                        else if (dataType == 'xml') result = xhr.responseXML
+                        else if (dataType == 'json') result = blankRE.test(result) ? null : $.parseJSON(result)
+                    } catch (e) { error = e }
+
+                    if (error) ajaxError(error, 'parsererror', xhr, settings, deferred)
+                    else ajaxSuccess(result, xhr, settings, deferred)
+                } else {
+                    ajaxError(xhr.statusText || null, xhr.status ? 'error' : 'abort', xhr, settings, deferred)
+                }
+            }
+        }
+
+        if (ajaxBeforeSend(xhr, settings) === false) {
+            xhr.abort()
+            ajaxError(null, 'abort', xhr, settings, deferred)
+            return xhr
+        }
+
+        if (settings.xhrFields) for (name in settings.xhrFields) xhr[name] = settings.xhrFields[name]
+
+        var async = 'async' in settings ? settings.async : true
+        xhr.open(settings.type, settings.url, async, settings.username, settings.password)
+
+        for (name in headers) nativeSetHeader.apply(xhr, headers[name])
+
+        if (settings.timeout > 0) abortTimeout = setTimeout(function () {
+            xhr.onreadystatechange = empty
+            xhr.abort()
+            ajaxError(null, 'timeout', xhr, settings, deferred)
+        }, settings.timeout)
+
+        // avoid sending empty string (#319)
+        xhr.send(settings.data ? settings.data : null)
+        return xhr
+    }
+
+    // handle optional data/success arguments
+    function parseArguments(url, data, success, dataType) {
+        if ($.isFunction(data)) dataType = success, success = data, data = undefined
+        if (!$.isFunction(success)) dataType = success, success = undefined
+        return {
+            url: url
+        , data: data
+        , success: success
+        , dataType: dataType
+        }
+    }
+
+    $.get = function (/* url, data, success, dataType */) {
+        return $.ajax(parseArguments.apply(null, arguments))
+    }
+
+    $.post = function (/* url, data, success, dataType */) {
+        var options = parseArguments.apply(null, arguments)
+        options.type = 'POST'
+        return $.ajax(options)
+    }
+
+    $.getJSON = function (/* url, data, success */) {
+        var options = parseArguments.apply(null, arguments)
+        options.dataType = 'json'
+        return $.ajax(options)
+    }
+
+    $.fn.load = function (url, data, success) {
+        if (!this.length) return this
+        var self = this, parts = url.split(/\s/), selector,
+            options = parseArguments(url, data, success),
+            callback = options.success
+        if (parts.length > 1) options.url = parts[0], selector = parts[1]
+        options.success = function (response) {
+            self.html(selector ?
+              $('<div>').html(response.replace(rscript, "")).find(selector)
+              : response)
+            callback && callback.apply(self, arguments)
+        }
+        $.ajax(options)
+        return this
+    }
+
+    var escape = encodeURIComponent
+
+    function serialize(params, obj, traditional, scope) {
+        var type, array = $.isArray(obj), hash = $.isPlainObject(obj)
+        $.each(obj, function (key, value) {
+            type = $.type(value)
+            if (scope) key = traditional ? scope :
+              scope + '[' + (hash || type == 'object' || type == 'array' ? key : '') + ']'
+            // handle data in serializeArray() format
+            if (!scope && array) params.add(value.name, value.value)
+                // recurse into nested objects
+            else if (type == "array" || (!traditional && type == "object"))
+                serialize(params, value, traditional, key)
+            else params.add(key, value)
+        })
+    }
+
+    $.param = function (obj, traditional) {
+        var params = []
+        params.add = function (key, value) {
+            if ($.isFunction(value)) value = value()
+            if (value == null) value = ""
+            this.push(escape(key) + '=' + escape(value))
+        }
+        serialize(params, obj, traditional)
+        return params.join('&').replace(/%20/g, '+')
+    }
+})(Nuclear)