Внешняя загрузка jQuery для букмарклета

0

Я пытаюсь написать букмарклет, который будет захватывать некоторые параметры из URL-адреса и отправлять их скрипту (url в сообщении - это только фиктивный atm).

Проблема в том, что я пытаюсь включить jQuery на страницу, чтобы позже использовать $.post. При попытке запустить букмарклет я получаю следующую ошибку в консоли:

Uncaught ReferenceError: $ is not defined 

Я вижу, что jQuery успешно добавляется, просматривая вкладку "Элементы" в браузере. Любые советы о том, как это решить?

Вы можете увидеть букмарклет ниже:

javascript: 

function appendScript() {
    var head = document.getElementsByTagName("head")[0];
    var script = document.createElement("script");
    script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
    head.appendChild(script);

}

appendScript();

function parseUri (str) {
    var o   = parseUri.options,
        m   = o.parser[o.strictMode ? "strict" : "loose"].exec(str),
        uri = {},
        i   = 14;

    while (i--) uri[o.key[i]] = m[i] || "";

    uri[o.q.name] = {};
    uri[o.key[12]].replace(o.q.parser, function ($0, $1, $2) {
        if ($1) uri[o.q.name][$1] = $2;
    });

    return uri;
};

parseUri.options = {
    strictMode: false,
    key: ["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],
    q:   {
        name:   "queryKey",
        parser: /(?:^|&)([^&=]*)=?([^&]*)/g
    },
    parser: {
        strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,
        loose:  /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/
    }
};

couponCode = parseUri(window.location.search).queryKey['couponCode'];
customerId = parseUri(window.location.search).queryKey['customerId'];

function showModal() {
    if (couponCode != null) {
        alert("Here is your coupon. Make sure to use it at checkout!" + couponCode);
    }
}

showModal();

function parakeetCommunicator() {

    if (couponCode != null) {
        console.log("Sending data to Parakeet...");

        $.post( "http://test.com/datascript.go", { customerId: customerId, couponCode: couponCode }) 
            .done(function( data ) {
               console.log("Succesfully posted the coupon was viewed to Parakeet server.");
            });
        }
}

parakeetCommunicator();
Теги:

1 ответ

2
Лучший ответ

Скрипт загружается асинхронно, вы можете исправить его с помощью события onload сценария, например:

var script = document.createElement("script");
script.onload = parakeetCommunicator;
script.src = ...;

И удалите другой вызов этого метода.

Если вам нужен только jQuery для относительной оболочки ajax, вам следует заручиться созданием собственной версии jquery для поддержки только этих методов: http://projects.jga.me/jquery-builder/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню