スクリプトソースが上書きされ、AJAXが機能しない

Question

私は時間フィルターを使ってウェブサイトを作っています。ユーザーが「すべて」を押すと、AJAXを使用すると、id = "notifications"という別のフィールドが自動的に更新されます。私はユーザにメッセージをフィルタリングするために<button>タグを使用しています。私のフィルタの選択は "最新"と "すべて"です。私のボタンコード：<button class="link" id="time_filter" onclick="sms_all(this.getAttribute('value'))" value="LT">Visi pranešimai</button>。ベローは私のsms_24()と​​関数です：

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/

Answer 1

これはメッセージでは少し読めないので、ここでは例を投稿しましたhttp://api.jquery.com/jquery.ajax/

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

あなたの質問はまさに明確にしてください。