Почему это не работает? JS

-6

Я работаю над проектом, чтобы проверить, обновлены ли новые элементы на веб-сайте. Я хочу, чтобы программа проверяла каждую секунду, чтобы увидеть, появился ли новый элемент. Элементы обозначаются идентификатором (который я могу получить). Однако у меня возникли проблемы с использованием AJAX для обновления части веб-сайта. Я хочу, чтобы он «обновлял» сайт каждую секунду и сравнивал последний элемент с его предыдущим последним пунктом (т. Е. Если текущий> прошлый). Любая помощь приветствуется.Почему это не работает? JS

<!DOCTYPE html> 
<html> 
<head> 
<script src="jquery-2.1.1.js"></script> 
</head> 
<body> 
<button onclick = "body()">Click Me</button> 

<script> 
var highest = 0; 
var compare = 0; 
var creator; 
var newItem = false; 
var HelpPeople = 'People's Names'; 

var elements = document.getElementsByClassName('ms-itmhover'); 

highest = elements[0].getElementsByClassName('ms-vb2')[1].innerText; 

var body = function() 
{ 
     window.setTimeout(update(), 1000); 
} 

var update = function() 
{ 
    window.jquery-2('body').load('URL'); 

    elements = document.getElementsByClassName('ms-itmhover'); 

    compare = elements[0].getElementsByClassName('ms-vb2')[1].innerText; 

    creator = elements[0].getElementsByClassName('ms-vb-user')[0].innerText; 

    if(compare > highest && creaCompare(creator)) 
    { 
     displayNew(); 
    } 

    body(); 
} 

var creaCompare = function(create) 
{ 
    var comparer = false; 

    for(var i = 0; i < HelpPeople.length; i++) 
    { 
     if(create == HelpPeople[i]) 
     { 
      comparer = true; 
     } 
    } 
    return comparer; 
} 

var displayNew = function() 
{ 

    confirm('There is a new item'); 
    body(); 

} 
</script> 
</body>

Я думаю, что задал вопрос неправильно. Я ищу, чтобы запустить это на веб-сайте (а не на моем собственном), и проанализировать данные и проверить новые элементы (AJAX). Мне интересно, как использовать его и как я могу использовать JS на этом сайте

источник

2014-07-21 Cirrith

Ваш импорт jQuery выглядит неправильно, если у вас его нет в файле с именем jquery-2.1.1.js –

, запустив проверку консоли браузера для таких ошибок, как из 'jquery-2 ('body')' – charlietfl

Где ваш html? –

Я переписал ваш код, потому что вы используете jQuery ... но не используете его.

<!DOCTYPE html> 
<html> 
<head> 
<script src="jquery-2.1.1.js"></script> 
</head> 
<body> 
<button id="btnTest">Click Me</button> 

<script type="text/javascript"> 
// wait for document loaded 
$(function() { 

var updateUrl = 'put your update url here'; 

var highest = 0; 
var compare = 0; 
var creator; 
var newItem = false; 
var HelpPeople = 'People's Names'; 

var elements = $('.ms-itmhover');   // where's this element 

highest = $('.ms-vb2', elements).text(); // where are those elements ???? 

var body = function() { 
    $('#btnTest").prop('disabled', true); 
    setTimeout(update, 1000); 
}; 

var update = function() 
{ 
    $('body').load(updateUrl, function (response, status, xhr) { 
     if (status == "error") { 
      alert("Sorry but there was an error : " + xhr.status + " " + xhr.statusText); 
      return; 
     } 

     elements = $('.ms-itmhover'); 
     compare = $('.ms-vb2', elements).text(); 
     creator = $('.ms-vb-user', elements).text(); 

     if (compare > highest && creaCompare(creator)) 
     { 
      displayNew(); 
     } 

     body(); 
    }); 
}; 

var creaCompare = function(create) { 
    var comparer = false; 

    for (var i = 0; i < HelpPeople.length; i++) 
    { 
     if(create == HelpPeople[i]) { 
      comparer = true; 
     } 
    } 
    return comparer; 
}; 

var displayNew = function() { 
    confirm('There is a new item'); 
    body(); 
}; 

// prevent button click more than once 
$('#btnTest").one('click', body); 

}); 
</script> 
</body>

Что касается ответа на фактический вопрос, без дополнительного HTML, на него не так много ответов. Но вышеуказанное изменение предположительно исправляет:

Выполнение кода JS до загрузки документа; теперь подождите, пока страница не загрузится
Правильно используйте функции обхода и манипулирования DOM jQuery. Разделение
Лучше HTML/JS
Инкапсулируйте переменный в «частные» сферах (предотвратить глобальное загрязнение пространства имен) (спасибо George Mauer)
Вы имели некорректные имена переменных (т.е. jquery-2 не то, что вы ожидаете, и 2(..) является недопустимый синтаксис)
вашего был setTimeout(update(), 1000);, который делает ничего, так как это не по существу делает setTimeout(undefined, 1000);
Вы обработанный обновленный HTML, возможно, прежде чем он был даже загружен (Аякс асинхронный!)

Что этот ответ делает не покрытие:

Какова фактическая ошибка (вопрос на самом деле не указать)
Дайте конкретный рабочий раствор, так как части HTML отсутствует

источник

2014-07-21 17:58:06

В качестве бонуса '$ (...)' также предотвратит переход всех ваших переменных из глобальных –

Это помогает с несколькими вещами, однако, я думаю, что я задал вопрос неправильно. Я ищу, чтобы запустить это на веб-сайте (а не на моем собственном), и проанализировать данные и проверить новые элементы (AJAX). Мне интересно, как его использовать и как я могу использовать JS на этом веб-сайте (могу ли я запустить его через консоль?) – Cirrith

Если вы используете Chrome, уверен! Просто нажмите F12 и перейдите на вкладку «Консоль». –

Проблема, вероятно, на этой линии (я могу запустить его через консоль?):

window.jquery-2('body').load('URL');

Это даже не допустимым синтаксис. Это должно быть написано так:

$('body').load('URL'); // Instead of 'URL' there also should be a proper URL

Также вы должны знать, функция загрузки является асинхронной, так что если вам нужно что-то делать с загруженными элементами, необходимо поместить эти действия в обратном вызове. (Функция передана как второй аргумент метода загрузки.)

источник

2014-07-21 17:50:36 Razem

Почему это не работает? JS

ответ

Смежные вопросы