在沒有jQuery的情況下調用aspx中的通用處理程序

Question

我可以在不使用jQuery的情況下調用aspx中的通用處理程序嗎？

Answer 1

是的，jQuery本身是一個JavaScript，所以你可以通過編寫自己的腳本來調用。使用jQuery的好處是你不必擔心瀏覽器的兼容性問題，必須編寫更少的代碼，可以利用jQuery插件等，只需要增加jQuery.js的成本。

例子：

<script type="text/javascript"> 
    // Intialize XMLHTTP object 
    function GetXmlHttpObject() { 
     var A; 
     if (window.XMLHttpRequest) { 
      A = new XMLHttpRequest(); 
     } else { 
      var msxmlhttp = new Array(
     'Msxml2.XMLHTTP.6.0', 
     'Msxml2.XMLHTTP.3.0', 
     'Msxml2.XMLHTTP', 
     'Microsoft.XMLHTTP'); 
      for (var i = 0; i < msxmlhttp.length; i++) { 
       try { 
        A = new ActiveXObject(msxmlhttp[i]); 
        break; 
       } catch (e) { 
        A = null; 
       } 
      } 
     } 

     return A; 
    } 


    function sendAjaxRequest(url, postVars, callbackFunc) { 
     var isPost = (postVars && postVars.length > 0); 

     var xmlHttp = GetXmlHttpObject(); 
     if (xmlHttp == null) { 
      alert("Your browser does not support AJAX!"); 
      return; 
     } 


     if (!isPost) { 
      if (url.indexOf('?') == -1) { 
       url += '?' + uncache(); 
      } else { 
       url += '&' + uncache(); 
      } 
     } 
     xmlHttp.onreadystatechange = function() { 
      if (xmlHttp.readyState == 4) { //This function will execute on receive 
       var callback; 
       var extra_data = false; 

       var data = xmlHttp.responseText; 

       callback = callbackFunc; 
       callbackFunc(data, extra_data); 
      } 
     };   

     //Send data to the url through ajax 
     if (isPost) { 
      xmlHttp.open("POST", url, true); 
      xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
      xmlHttp.setRequestHeader("Content-Length", postVars.length); 
      xmlHttp.setRequestHeader("Connection", "close"); 
      xmlHttp.send(postVars); 
     } else { 
      xmlHttp.open("GET", url, true); 
      xmlHttp.send(null); 
     } 
    } 

    function uncache() { 
     var d = new Date(); 
     var time = d.getTime(); 

     return 'time=' + time; 
    } 

    function comp(result) { 
     alert(result); 
    } 

    sendAjaxRequest('test.html', '', comp); 


</script>