使用javascript实现无刷新数据校验

在实际开发中，需要检查用户名等信息是否重复，看到很多网站都可以无刷新实现，也像自己做一个看看，实现页面代码如下：

<script type="text/javascript" language="javascript">

      

        var xmlHttp = null;

        function OnLeaveToponymyBox(){

         try

            {

                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

            }

            catch(err1)

            {

                try

                {

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

                }

                catch(err2)

                {

                    xmlHttp = new XMLHttpRequest();

                }

            }

            var d = new Date();

            var Text1 = document.getElementById('<%= txtToponymy.ClientID %>');



            var url = "CheckExists.aspx?type=Toponymy&text=" + encodeURIComponent(Text1.value);

      

            xmlHttp.open("GET",url,true);

            xmlHttp.onreadystatechange = OnHandler;

            xmlHttp.send(null);

        }

        function OnHandler()

        {

            if(xmlHttp.readyState == 4)

            {

                var isValid = xmlHttp.responseText;

                

                var spError = document.getElementById('<%= spError.ClientID %>');

                spError.innerHTML = isValid;

                //spError.innerHTML = "aaa";

            }

        }

    </script>

说明：checkExists.aspx是个空页面，在ｐａｇｅｌｏａｄ里进行判断，将判断结果写道页面上。

如果是中文的话，encodeURIComponent转换一下一定要，否则会乱码。