Источник сценария перезаписывается и AJAX не работает

-1

Я делаю сайт с фильтром времени. Когда пользователь нажимает «Все», использование AJAX автоматически обновляет другое поле, называемое id = «уведомления». Я использую тег <button> для фильтрации сообщений. Мой выбор фильтра - «Самый новый» и «Все». Код моей кнопки: <button class="link" id="time_filter" onclick="sms_all(this.getAttribute('value'))" value="LT">Visi pranešimai</button>. Пыльник мои sms_24() и sms_all() функции:Источник сценария перезаписывается и AJAX не работает

function sms_all(str) { 
    if (str=="") { 
    document.getElementById("notifications").innerHTML=""; 
    return; 
    } 
    if (window.XMLHttpRequest) { 
    // code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } else { // code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     document.getElementById("notifications").innerHTML=xmlhttp.responseText; 
    } 
    } 
    xmlhttp.open("GET","../sms_all.php?qkEY="+str,true); 
    xmlhttp.send(); 
    document.getElementById('time_filter').innerHTML = "Naujausi pranešimai"; 
    document.getElementById('time_filter').onclick = function(){ 
    sms_24(this.getAttribute('value')); } ; 
} 

function sms_24(str) { 
    if (str=="") { 
    document.getElementById("notification").innerHTML=""; 
    return; 
    } 
    if (window.XMLHttpRequest) { 
    // code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } else { // code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      document.getElementById("notifications").innerHTML=xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("GET","../sms_24.php?qkEY="+str,true); 
    xmlhttp.send(); 
    document.getElementById('time_filter').innerHTML = "Visi pranešimai"; 
    document.getElementById('time_filter').onclick = function(){  
     sms_all(this.getAttribute('value')); 
    }; 
}

HTML-скрипт, который я использую перезаписи и последний только с помощью:

<script type="text/javascript" src="../jquery-3.0.0.min.js"></script> 
<script type="text/javascript" src="../show_24.js"></script> 
<script type="text/javascript" src="../show_all.js"></script>

учебника, который я использовал для автоматического обновления: http://technotip.com/2888/auto-refresh-div-jquery/

источник

2016-06-29 Lukas

Каков ваш фактический вопрос? Вы посмотрели на функцию AJAX, встроенную в JQuery? Они намного яснее и делают весь процесс намного проще в использовании. – Jay1b

Нет, я думал, что единственный способ сделать это - это JavaScript (без какой-либо библиотеки). Я хочу автоматически обновить один файл, содержащий mySQL, и фильтр с помощью функций sms_all() и sms_24() и отобразить его в '

'. – Lukas

jQuery * есть * JavaScript. Это библиотека, которая извлекает некоторые трудности из кодирования JavaScript и обеспечивает кросс-платформенную совместимость. –

Это немного нечитаемым в сообщении, поэтому я разместил здесь пример взят из http://api.jquery.com/jquery.ajax/

$.ajax({ 
 
    method: "POST", 
 
    url: "some.php", 
 
    data: { name: "John", location: "Boston" } 
 
}) 
 
    .done(function(msg) { 
 
    alert("Data Saved: " + msg); 
 
    });

Просьба уточнить, что именно ваш вопрос.

источник

2016-06-30 11:24:33 Jay1b

Источник сценария перезаписывается и AJAX не работает

ответ

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