欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript前端和后臺進(jìn)行數(shù)據(jù)交互方法示例

 更新時間:2020年08月07日 14:17:28   作者:編程的小渣渣  
這篇文章主要介紹了javascript前端和后臺進(jìn)行數(shù)據(jù)交互方法示例,文章通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

在開發(fā)中遇到了在沒有jQuery的情況下需要與后臺進(jìn)行部分?jǐn)?shù)據(jù)的交互,查找了部分資料使用JavaScript實(shí)現(xiàn)了操作,記錄一下。

//獲取XMLHttpRequest對象用于與后臺交互數(shù)據(jù)
function getXHR(){
      var xmlHttp;
      try {
        xmlHttp=new XMLHttpRequest();//新版本瀏覽器
      }catch(e)
      {
        try{
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
          try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//老版本瀏覽器          }
          catch(e)
          {
            alert("你的瀏覽器不支持ajax");
            return false;
          }
        }
      }
      return xmlHttp;
    }
function check() {
      var pass = document.getElementById("pass").value;
 
      //1/得到xhr對象
      var xhr=getXHR();
      //2.注冊狀態(tài)變化監(jiān)聽器
      xhr.onreadystatechange=function(){
        if(xhr.readyState==4) {
          if(xhr.status==200) {
            var obj = document.getElementById("checkPass");
            if("true" == xhr.responseText){
              obj.innerHTML = "驗(yàn)證通過";
              obj.style.color = "green";
			}else{
              obj.innerHTML = "原密碼輸入錯誤!";
              obj.style.color = "brown";
              return;
			}
          }
        }
      }
      //3.建立與服務(wù)器的連接(post請求方式,也可以使用get請求方式)
      xhr.open("post","請求數(shù)據(jù)的地址");
      xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
      //4.向服務(wù)器發(fā)出請求(使用post請求方式將數(shù)據(jù)發(fā)往后臺)
      xhr.send("pass="+pass);
    }

到此這篇關(guān)于javascript前端和后臺進(jìn)行數(shù)據(jù)交互方法的文章就介紹到這了,更多相關(guān)javascript前端和后臺數(shù)據(jù)交互內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 把input初始值不寫value的具體實(shí)現(xiàn)方法

    把input初始值不寫value的具體實(shí)現(xiàn)方法

    比如制作一個最常見的,input初始值,一般以前,我都只是寫在input的value里,要把初始值單獨(dú)寫出來,就用<span>標(biāo)簽寫,定位在input上,讓它單擊和input獲焦上都消失
    2013-07-07
  • JS實(shí)現(xiàn)吸頂特效

    JS實(shí)現(xiàn)吸頂特效

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)吸頂特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • 最新評論