1. 程式人生 > >5.頁面用ajax實現簡單的連線資料庫

5.頁面用ajax實現簡單的連線資料庫

(1) 寫傳送程式碼

var myXmlHttpRequest = "";

myXmlHttpRequest = getXmlHttpRequest();

            if (myXmlHttpRequest) {  //xmlHttpRequest建立成功了,才能傳送請求

                //地址一定要寫正確

                var url = "../zhuCe/zhuCeYanZheng.aspx?username=" + $('Text1').value;

                myXmlHttpRequest.open("get",url,true

);

                myXmlHttpRequest.onreadystatechange = getData;

                myXmlHttpRequest.send(null);

            }

(2) 寫接受資料程式碼:

function getData() {

            if((myXmlHttpRequest.readyState == 4) && (myXmlHttpRequest.status == 200)){

                //alert("nihao");

                var

 returnMessage = myXmlHttpRequest.responseText;

                //alert(returnMessage);

                if (returnMessage == "使用者名稱不正確"){

                    alert("aaa");

                }

            }   

        }

(3)另外需要加兩個函式

function getXmlHttpRequest() {

            var xmlHttpRequest;

            if

(window.ActiveXObject){

                xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

            }else{

                xmlHttpRequest = new xmlHttpRequest();

            }

            return xmlHttpRequest;

        }

function $(id) {

            return document.getElementById (id);

        }