Ajax（無需等待直接向伺服器發起請求）

(Asynchronous Javascript And Xml) ：非同步的

Google創新的一種js技術

方法一：比較原始沒有封裝的方法：

//核對使用者名稱是否可用
    var xmlhttp = null;

    function checkUser(userName) {
      if (xmlhttp == null) {
        xmlhttp = new XMLHttpRequest();//第一步：建立一步通訊物件
      }
      //第二步：設定回撥函式
      xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
          $("#tip").html(xmlhttp.responseText);
        }
      }
      xmlhttp.open("get","register?op=check&userName=" + userName);
      xmlhttp.send();
    }

從文字框中輸入一個字元後就立即到資料庫中查詢該使用者名稱是否存在，如果存在，提示不可用，直到可用為止；

方法二：JQuery的Ajax:

//核對使用者名稱是否可用
    function checkUser(userName) {
      $.ajax({
        type: 'post',//如果是get可以不寫type，預設是get
        url: "register",//action方式
        data: {op: 'check',userName: userName},//引數，如果引數多，可用date後跟一個大括號
        success: function (res) {//回撥函式
          if (res.indexOf("yes") !== -1) {
            $("#tip").html("Yes! Available: user name!");//可用
            //$("#tj").prop("disabled",false); //設定按鈕可用

          } else {
            $("#tip").html("No! User name: not available!");//不可用
            // $("#tj").prop("disabled",true); //設定按鈕不可用
          }

        }
      });
    }

執行效果和上面一樣；

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。