Ajax脚本:主线程上的同步XMLHttpRequest已弃用

时间:2017-02-01 13:53:48

标签: javascript jquery ajax

我正在尝试将一个ajax脚本添加到js文件中,以便我的表单可以工作。但不知何故,当我发布它时,我在控制台中收到以下警告:

  

主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用。如需更多帮助,请查看https://xhr.spec.whatwg.org/

可能它与JS文件有关。所有代码都包含在(function($) {})中,但无论我在哪里添加代码(在函数内部或外部)我都会收到警告,页面会一直显示预加载器。

$('#contact-form').submit(function() {
  var $form = $(this),
    $error = $form.find('.error-container'),
    action  = $form.attr('action');

  $error.slideUp(750, function() {
    $error.hide();
    var $name = $form.find('.form-control-name'),
      $email = $form.find('.form-control-email'),
      $phone = $form.find('.form-control-phone'),
      $message = $form.find('.form-control-message');
      // var token = grecaptcha.getResponse();

    $.post(action, {
      name: $name.val(),
      email: $email.val(),
      phone: $phone.val(),
      message: $message.val(),
      // 'g-recaptcha-response': token
    }, function(data) {
      $error.html(data);
      $error.slideDown('slow');

      if (data.match('success') != null) {
        $name.val('');
        $email.val('');
        $phone.val('');
        $message.val('');
      }
    });
  });
  return false;
});

我该怎么办?

我也看到尝试获取scripts.min.js,但是这个文件甚至不存在于我的网站文件夹中(可能在根目录中的某个地方,我在这个服务器上有多个网站)。

enter image description here

Ec = n.ajaxSettings.xhr();
    a.attachEvent && a.attachEvent("onunload", function() {
        for (var a in Cc) Cc[a]()
    }), k.cors = !!Ec && "withCredentials" in Ec, k.ajax = Ec = !!Ec, n.ajaxTransport(function(a) {
        var b;
        return k.cors || Ec && !a.crossDomain ? {
            send: function(c, d) {
                var e, f = a.xhr(),
                    g = ++Bc;
                if (f.open(a.type, a.url, a.async, a.username, a.password), a.xhrFields)
                    for (e in a.xhrFields) f[e] = a.xhrFields[e];
                a.mimeType && f.overrideMimeType && f.overrideMimeType(a.mimeType), a.crossDomain || c["X-Requested-With"] || (c["X-Requested-With"] = "XMLHttpRequest");
                for (e in c) f.setRequestHeader(e, c[e]);
                b = function(a) {
                    return function() {
                        b && (delete Cc[g], b = f.onload = f.onerror = null, "abort" === a ? f.abort() : "error" === a ? d(f.status, f.statusText) : d(Dc[f.status] || f.status, f.statusText, "string" == typeof f.responseText ? {
                            text: f.responseText
                        } : void 0, f.getAllResponseHeaders()))
                    }
                }, f.onload = b(), f.onerror = b("error"), b = Cc[g] = b("abort");
                try {
                    f.send(a.hasContent && a.data || null)
                } catch (h) {
                    if (b) throw h
                }
            },
            abort: function() {
                b && b()
            }
        } : void 0
    }), n.ajaxSetup({
        accepts: {
            script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
        },
        contents: {
            script: /(?:java|ecma)script/
        },
        converters: {
            "text script": function(a) {
                return n.globalEval(a), a
            }
        }

0 个答案:

没有答案