ajax_之get请求方式（ajax验证用户名）

最新推荐文章于 2022-08-18 13:47:48 发布

tianshizhimeng155

最新推荐文章于 2022-08-18 13:47:48 发布

阅读量709

点赞数

分类专栏： Web前端 ajax

本文链接：https://blog.csdn.net/u013267266/article/details/50908495

版权

Web前端同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

ajax

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
        function f1(){
            var username=document.getElementById('username').value;
     <span style="color:#ff0000;">  //对传递的特殊的特殊符号进行编码处理
        username=encodeURIComponent(username);</span>
        //1.创建ajax对象
        if(typeof ActiveXObject!="undefined")
        {
            var xhr=new ActiveXObject("Microsoft.XMLHTTP");//最原始方式
            var xhr=new ActiveXObject("Msxml2.XMLHTTP");//升级
             var xhr=new ActiveXObject("Msxml2.XMLHTTP.3.0");//升级
              var xhr=new ActiveXObject("Msxml2.XMLHTTP.6.0");//升级
        }
        else
        {
            var xhr=new XMLHttpRequest(); 
        }
        //设置事件
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4)
            {
               alert(xhr.responseText);
            }
        }
            //连接服务器
            xhr.open(<span style="color:#ff0000;">'get','2.php?name='+username,true</span>);//异步传输：同一时间执行多个进程
            //发送请求
            xhr.send<span style="color:#ff0000;">(null</span>);    
         }

        </script>
    </head>
    <body>                                                     //失去焦点触发
   用户名： <input type="text" <span style="color:#ff0000;">id="username"</span> name="username" <span style="color:#ff0000;">οnblur="f1()" </span>/>
    <input type="password" id="pws"  name="password"/>
  

    </body>
</html>



//2.php
<?php

print_r($_GET);
?>

注意1.特殊符号的编码处理

2.open,url参数的添加

tianshizhimeng155

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax_之get请求方式（ajax验证用户名）

function f1(){ var username=document.getElementById('username').value; //对传递的特殊的特殊符号进行编码处理 username=encodeURIComponent(username); //1.创建ajax对象 if(typeof Acti
复制链接

扫一扫

专栏目录