zoukankan      html  css  js  c++  java
  • 一天学会ajax (php环境)

    ajax一词大家并不陌生,感觉是一门新的技术,其实不然.这是一个很老的技术,只是现在才开始流行。学好它有难度,但学会它还是很简单的,懂web技术的人,一般一天就可以学会.

    下面就将我学ajax的一点心得和大家分享一 下:

    page1:ajax.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>
    php____ajax
    </title>
    </head>
    <body>

    <script language="javascript">
    function check()  {
    var username=document.getElementById("username");
    var url = "phpajax_cl.php?username=" + escape(username.value);
     
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

     xmlHttp.open('GET', url, true);
     xmlHttp.onreadystatechange = function(){
     if (xmlHttp.readyState == 4) {
     //alert(xmlHttp.responseText);
    document.getElementById("show").innerHTML = "show:" + unescape(xmlHttp.responseText);
    }
     
     }
     xmlHttp.setRequestHeader("Content-Type","text/html;charset=utf-8");
     xmlHttp.send(null);
    }


    </script>
    <form name="form1"  action="" method="post">
    <table width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="row">用户名:<span id="show"></span></th>
        <td><input type="text" id="username" name="username" value=""></td>
        <td><input type="button"  value="唯一性检查" onclick="check()"></td>
        <td></td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td><input type="submit" name="Submit2" value="提交" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    </form>

    </body>

    </html>

    这个页面主要的用户输入信息,通过ajax访问服务器,然后显示信息。

    page2:phpajax_cl.php

    <?php
    @header("Content-Type: text/html; charset=utf-8");
    $username = $_GET["username"];


    if ($username == "123") {
     $username = $username."用户名已存在,请更换用户名。";
    }else{
    $username = $username."用户尚未注册,您可以继续!";
    }
    //printf($username);
    echo $username;
    exit;
    ?>

    主要是接收客户端的请求,并处理请求。

    这就是一个很简单的ajax的实例,希望对大家学习有用。

  • 相关阅读:
    iMac中的GoLand中报错: Unresolved reference 错误解决方法
    设置初次ssh登录linux的时候无需yes确认登陆
    docker命令常用总结
    阿里巴巴-菜鸟网络高级java开发工程师/技术专家招聘
    mysql8.0.22 设置sql_mode后不能启动解决
    《事实》读后感
    VPS是什么?
    做了一个小程序,欢迎关注
    [Linux] Tomcat java.lang.OutOfMemoryError: Java heap space
    [Linux] Nginx 反向代理配置 http headers 带下划线fields转发
  • 原文地址:https://www.cnblogs.com/fengju/p/6174159.html
Copyright © 2011-2022 走看看