Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.10.2015, 00:29
Интересующийся
Отправить личное сообщение для 6stprod Посмотреть профиль Найти все сообщения от 6stprod
 
Регистрация: 12.03.2014
Сообщений: 11

onload обработка get запроса
Прошу помощи в доработке этого кода:
<link rel="stylesheet" href="http://wowcss.zamimg.com/css/basic.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
        <form class="form-inline" id="search">                
                    <input type="number" name="itemID">
            <button type="submit">Поиск</button>
        </form>
		
        <div class="result">
            <div id="item">
            </div>
        </div>
    <script>
        (function () 
		{
			function urlWowHead(itemID) 
			{
            return "http://ru.wowhead.com/item=" + itemID + "&power";
            }
			
            window.$WowheadPower = 
			{
                result: '.result',
                item: {
                    icon: '',
                },
                registerItem: function (itemID, int, tooltip) 
				{
                    if (tooltip.icon === undefined) 
					{
                        $(this.result).append('<p class="text-info"> Не найдено!</p>');
                        setTimeout(function () 
						{
                            $('.text-info').remove();
                        }, 1000);
                    } else 
					{
        var el = '<p><img src="https://wowimg.zamimg.com/images/wow/icons/large/' + tooltip.icon + '.jpg"></p>';
					$('#item').html(el);
                    }
                },

                getItem: function (itemID) 
				{
                    $.ajax({
                        url: urlWowHead(itemID),
                        dataType: 'script',
                        cache: false,
                        beforeSend: function () 
						{
                            $(this.result).append('<i class="loader">поиск</i>');
                        },
                        complete: function (jqXHR, textStatus) 
						{
                            if (textStatus == 'success') {
                                $('.loader').remove();
                            }
                        }
                    });
                }
            };
            window.onload = function () 
			{
                $('#search').submit(function (e) 
				{
                  e.preventDefault();
                  var id = parseInt($('input[name="itemID"]').val());
                  $WowheadPower.getItem(id, '#item');
                });
            };

        }());
    </script>

В этом коде в инпут вводится ID и при нажатии кнопки "Поиск" получаем изображение по этому ID

У меня есть другой файл, из которо я хочу к этому парсеру передать через get запрос переменную ID, и чтобы парсер обработал ее автоматически, не вводя его в инпут и без нажатия кнопки.

Подскажите как это реализовать?




p.s. извиняюсь, если не в тот раздел
Ответить с цитированием
  #2 (permalink)  
Старый 13.10.2015, 01:16
Интересующийся
Отправить личное сообщение для 6stprod Посмотреть профиль Найти все сообщения от 6stprod
 
Регистрация: 12.03.2014
Сообщений: 11

Решил задачу иначе, дергаю нужный элемент php кодом
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработка результата Ajax запроса bwolf33 Элементы интерфейса 5 20.02.2014 11:25
Асинхронная обработка request'а запроса node.js (express) kilop AJAX и COMET 0 05.11.2013 21:18
Неверная обработка ajax запроса в chrome. Реализация анимации загрузки chiffenok AJAX и COMET 0 29.07.2013 09:02
Обработка изображения до его отображения на странице после аякс запроса балерун Общие вопросы Javascript 1 30.05.2012 17:20
Обработка данных во время AJAX запроса user783 AJAX и COMET 5 09.12.2011 03:24