Как сбросить в нагрузку АЯКС

Question

У меня есть скрипт, который загружает внешние данные:

<script type="text/javascript"> 
var http_request = false; 
function makePOSTRequest(url, parameters) { 
    http_request = false; 
    if (window.XMLHttpRequest) { 
     http_request = new XMLHttpRequest(); 
     if (http_request.overrideMimeType) { 
      http_request.overrideMimeType('text/html'); 
     } 
    } else if (window.ActiveXObject) { 
     try { 
      http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
      try { 
       http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (e) {} 
     } 
    } 
    if (!http_request) { 
     alert('Cannot create XMLHTTP instance'); 
     return false; 
    } 
    http_request.onreadystatechange = alertContents; 
    http_request.open('POST', url, true); 
    http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    http_request.setRequestHeader("Content-length", parameters.length); 
    http_request.setRequestHeader("Connection", "close"); 
    http_request.send(parameters); 
} 

function alertContents() { 
    if (http_request.readyState == 4) { 
     if (http_request.status == 200) { 
      result = http_request.responseText; 
      document.getElementById('opciones').innerHTML = result;    
     } else { 
      alert('Hubo un problema con la operación.'); 
     } 
    } 
} 

function get(obj) { 
    var poststr = "port_post=" + encodeURI(document.getElementById("port-post").value); 
    makePOSTRequest('http://www.site.com/inc/metaform.php?opcion='+ encodeURI(document.getElementById("port-post").value), poststr); 
} 
</script> 

Это выбор, который извлекает содержимое:

<select name="port_post" id="port-post" onchange="get(this.parentNode);"> 
    <option value="1">Select one...</option> 
    <option value="2">Pear</option> 
    <option value="3">Pineapple</option> 
</select> 

И это контейнер DIV:

<div id="opciones">Default content</div> 

Все, что мне известно, это то, как я могу отключить загрузку ajax, когда меняю выбор на «Выбрать один ...». Я хочу сказать, как восстановить содержимое по умолчанию, когда выбрана опция «Выбрать один ...».

Answer 1

Если вы используете один и тот же объект XMLHttpRequest каждый раз, вместо того чтобы создавать новый экземпляр при каждом вызове, ожидающее соединение будет прервано, обработчик события будет отключен, и объект будет сброшен при вызове http_request.open() второй (или третий и т. д.) времени (reference).

Answer 2

Я думаю, что-то вроде этого будет то, что вы хотите:

function get(obj) { 
    var selObj = document.getElementById('port_post'); 
    var selectedVal = selObj.options[selObj.selectedIndex].value; //this is more Xbrowser compatible than your previous method 
    if (selectedVal == 1){ 
     if (http_request) 
     http_request.abort(); 
     document.getElementById('opciones').innerHTML = 'Default content'; 
    } else { 
     var poststr = "port_post=" + encodeURI(selectedVal); 
     makePOSTRequest('http://www.site.com/inc/metaform.php?opcion='+ encodeURI(selectedVal), poststr); 
    } 
}