Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery.ajax - помогите плиз понять строку кода / 8 сообщений из 8, страница 1 из 1
01.04.2014, 14:05
    #38601885
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
У MS есть библиотека unobtrusive-ajax - это небольшая надстройка над jQuery.ajax для форм ASP.NET MVC

для общего развития разбираю этот код, вроде все понятно, кроме одного момента.
на событие локальное событие complete: повешен следующий код:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
function (data, status, xhr) {
        var contentType = xhr.getResponseHeader("Content-Type") || "text/html";
        if (contentType.indexOf("application/x-javascript") !== -1) {  // jQuery already executes JavaScript for us
            return;
        }

        // обработка ответа
}



Что означает эта проверка и в каких случаях функция прекратится до обработки ответа?


ЗЫ: на всякий случай полный код библиотеки

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
(function ($) {
    var data_click = "unobtrusiveAjaxClick",
        data_target = "unobtrusiveAjaxClickTarget"
        data_validation = "unobtrusiveValidation";

    function getFunction(code, argNames) {
        var fn = window, parts = (code || "").split(".");
        while (fn && parts.length) {
            fn = fn[parts.shift()];
        }
        if (typeof (fn) === "function") {
            return fn;
        }
        argNames.push(code);
        return Function.constructor.apply(null, argNames);
    }

    function isMethodProxySafe(method) {
        return method === "GET" || method === "POST";
    }

    function asyncOnBeforeSend(xhr, method) {
        if (!isMethodProxySafe(method)) {
            xhr.setRequestHeader("X-HTTP-Method-Override", method);
        }
    }

    function asyncOnSuccess(element, data, contentType) {
        var mode;

        if (contentType.indexOf("application/x-javascript") !== -1) {  // jQuery already executes JavaScript for us
            return;
        }

        mode = (element.getAttribute("data-ajax-mode") || "").toUpperCase();
        $(element.getAttribute("data-ajax-update")).each(function (i, update) {
            var top;

            switch (mode) {
            case "BEFORE":
                top = update.firstChild;
                $("<div />").html(data).contents().each(function () {
                    update.insertBefore(this, top);
                });
                break;
            case "AFTER":
                $("<div />").html(data).contents().each(function () {
                    update.appendChild(this);
                });
                break;
            default:
                $(update).html(data);
                break;
            }
        });
    }

    function asyncRequest(element, options) {
        var confirm, loading, method, duration;

        confirm = element.getAttribute("data-ajax-confirm");
        if (confirm && !window.confirm(confirm)) {
            return;
        }

        loading = $(element.getAttribute("data-ajax-loading"));
        duration = parseInt(element.getAttribute("data-ajax-loading-duration"), 10) || 0;

        $.extend(options, {
            context: element,
            type: element.getAttribute("data-ajax-method") || undefined,
            url: element.getAttribute("data-ajax-url") || undefined,
            beforeSend: function (xhr) {
                var result;
                asyncOnBeforeSend(xhr, method);
                result = getFunction(element.getAttribute("data-ajax-begin"), ["xhr"]).apply(this, arguments);
                if (result !== false) {
                    loading.show(duration);
                }
                return result;
            },
            complete: function () {
                loading.hide(duration);
                getFunction(element.getAttribute("data-ajax-complete"), ["xhr", "status"]).apply(this, arguments);
            },
            success: function (data, status, xhr) {
                asyncOnSuccess(element, data, xhr.getResponseHeader("Content-Type") || "text/html");
                getFunction(element.getAttribute("data-ajax-success"), ["data", "status", "xhr"]).apply(this, arguments);
            },
            error: getFunction(element.getAttribute("data-ajax-failure"), ["xhr", "status", "error"])
        });

        options.data.push({ name: "X-Requested-With", value: "XMLHttpRequest" });

        method = options.type.toUpperCase();
        if (!isMethodProxySafe(method)) {
            options.type = "POST";
            options.data.push({ name: "X-HTTP-Method-Override", value: method });
        }

        $.ajax(options);
    }

    function validate(form) {
        var validationInfo = $(form).data(data_validation);
        return !validationInfo || !validationInfo.validate || validationInfo.validate();
    }

    $(document).on("click", "a[data-ajax=true]", function (evt) {
        evt.preventDefault();
        asyncRequest(this, {
            url: this.href,
            type: "GET",
            data: []
        });
    });

    $(document).on("click", "form[data-ajax=true] input[type=image]", function (evt) {
        var name = evt.target.name,
            target = $(evt.target),
            form = $(target.parents("form")[0]),
            offset = target.offset();

        form.data(data_click, [
            { name: name + ".x", value: Math.round(evt.pageX - offset.left) },
            { name: name + ".y", value: Math.round(evt.pageY - offset.top) }
        ]);

        setTimeout(function () {
            form.removeData(data_click);
        }, 0);
    });

    $(document).on("click", "form[data-ajax=true] :submit", function (evt) {
        var name = evt.currentTarget.name,
            target = $(evt.target),
            form = $(target.parents("form")[0]);

        form.data(data_click, name ? [{ name: name, value: evt.currentTarget.value }] : []);
        form.data(data_target, target);

        setTimeout(function () {
            form.removeData(data_click);
            form.removeData(data_target);
        }, 0);
    });

    $(document).on("submit", "form[data-ajax=true]", function (evt) {
        var clickInfo = $(this).data(data_click) || [],
            clickTarget = $(this).data(data_target),
            isCancel = clickTarget && clickTarget.hasClass("cancel");
        evt.preventDefault();
        if (!isCancel && !validate(this)) {
            return;
        }
        asyncRequest(this, {
            url: this.action,
            type: this.method || "GET",
            data: clickInfo.concat($(this).serializeArray())
        });
    });
}(jQuery));

...
Рейтинг: 0 / 0
01.04.2014, 14:08
    #38601889
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Shocker.Proсобытие complete: виноват, не на complete, а на success
...
Рейтинг: 0 / 0
01.04.2014, 16:04
    #38602062
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Shocker.Pro
Код: javascript
1.
2.
3.
if (contentType.indexOf("application/x-javascript") !== -1) {  // jQuery already executes JavaScript for us
    return;
}

если заголовок "Content-Type" ответа содержит подстроку "application/x-javascript", выйти из функции.
...
Рейтинг: 0 / 0
01.04.2014, 16:09
    #38602072
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Ох, это-то я понимаю, вопрос не в синтаксисе написанного, а в том, в каком случае этот заголовок будет это содержать. Хочу понять написанный микрософтом комментарий к этой строке.
...
Рейтинг: 0 / 0
01.04.2014, 16:56
    #38602134
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Shocker.ProОх, это-то я понимаю, вопрос не в синтаксисе написанного, а в том, в каком случае этот заголовок будет это содержать. Хочу понять написанный микрософтом комментарий к этой строке.

А что там непонятного? Сказано же:

jQuery already executes JavaScript for us

То есть:

jQuery готово (выполнить | выполняет) JavaScript для вас


p.s Я в Энглише не силён, но помоему так)
...
Рейтинг: 0 / 0
01.04.2014, 17:50
    #38602207
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
не так

jQuery уже выполняет JavaScript для нас

я пытаюсь понять, на основании чего он делает такой вывод, а также, в какой ситуации это может возникнуть
...
Рейтинг: 0 / 0
01.04.2014, 18:04
    #38602224
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Shocker.Proя пытаюсь понять, на основании чего он делает такой вывод,видимо, присланный код (а это был js-код, судя по заголовку) выполнился до вызова success.
проверь в дебаггере.


Shocker.Proв какой ситуации это может возникнутьесли заголовок ответа "Content-Type" содержит "application/x-javascript". Т.е. с сервера пришел код.
...
Рейтинг: 0 / 0
01.04.2014, 18:39
    #38602263
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jQuery.ajax - помогите плиз понять строку кода
Да, кажется дошло.
То есть если я верну именно js-код с сервера, то jQuery его исполнит сам, а нижележащий обработчик просто не нужен, так как он предполагает обработку вернувшегося html или текста.

Спасибо, за наводку.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery.ajax - помогите плиз понять строку кода / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]