在JavaScript和jQuery中使用Ajax

Posted 2021-02-23

simple code of using Ajax by javascript or jQuery

<script>
function createRequestObject(){
    var request_;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        request_ = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
        request_ = new XMLHttpRequest();
    }
    return request_;
}
//==============
 
var msgdiv_http = createRequestObject();
 
function msgdiv_getInfo(S1){
    t = new Date().getTime();
    URL = 'getmd5.php?c='+S1+"&t="+t;
    Obj = document.getElementById('msgdiv');
    Obj.innerhtml = '<img src="load.gif" border="0">Loading ......';
 
    msgdiv_http.open("GET", URL,true);
    msgdiv_http.onreadystatechange = msgdiv_handleInfo;
    msgdiv_http.send(null);
}
 
function msgdiv_handleInfo(){
    Obj = document.getElementById('msgdiv');
    if(msgdiv_http.readyState == 2){
        Obj.innerHTML ='<img src="load.gif" border="0">Loading ......';
    }
    if(msgdiv_http.readyState == 4){
        Obj.innerHTML = msgdiv_http.responseText;
    }
}
</script>
<input type="text" name="T1" size="20">
<input type="button" value="Encode String" id="B1" onclick ="msgdiv_getInfo(T1.value);">
<BR><BR>
<div id="msgdiv"></div>
 
 
 
 
//==================== By jQuery ================
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#B1").click(function(){
    $("#msgdiv").load("getmd5.php?c="+T1.value);
  });
});
</script>
<input type="text" name="T1" size="20">
<input type="button" value="Encode String" id="B1">
<BR><BR>
<div id="msgdiv"></div>