开发者社区> 青玉伏案> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

PHP中AJAX的使用(完整实例【大牛可飘过】)

简介:
+关注继续查看

  有一段时间不写关于AJAX的东西了,最近和同学参加个比赛,要做一个类似博客的东西,用到了AJAX的东西,在写东西之前为了再熟悉一下AJAX,自己做了个关于AJAX的小事例与大家分享一下。

  AJAX在js里可谓是一个牛气冲天的一个词,我刚学的时候有点望名生畏。对于初学者来说AJAX看似很难,图书馆里有些关于AJAX的教程比板砖都厚,看了就不想学。但当你真正长用的东西其实就那么写。在这就不扯那些书上扯的AJAX的历史考古的淡了,不然的话会碎的,你懂的。OK直入正题。

  在这呢我主要说一下AJAX的用法,原理就不多说了。

  1.你要用AJAX首先得会js吧,这个不用多说。

    首先你得NEW一个AJAX的对象,类必须得事例化才能使用,这个大家都知道对吧

    第一步:var oAjax = new XMLHttpRequest();

    但是为了兼容IE6这么蛋疼的浏览器一般这么写:

     if(window.XMLHttpRequest)

     {

        var oAjax = new XMLHttpRequest();

     }

     else

     {

      //IE

      var oAjax=new ActiveXObject("Microsoft.XMLHTTP");

     }

    到这为止对象就事例化好了。

  2.第二步咱得给服务器连接起来吧,这是必须的啊;

  用open();用法是这样的:open(传输方式,文件地址,同步还是异步(默认异步))

    oAjax.open('get','ajax.php?hehe='+sValue,true);

  3.得发送请求吧:

    oAjax.send();

  4.就是接收返回值了,就不废话了,直接看代码吧:

    oAjax.onreadystatechange=function()
{

//oAjax.readyState 记录步骤
if(oAjax.readyState == 4)
{
if(oAjax.status == 200)
{
oDiv.innerHTML = oAjax.responseText;
}
else
{
alert("失败");
}
}
else
{
alert(oAjax.readyState);//记录步骤
}
}

 到此为止AJAX就OK了:

下面是我实验的完整事例:

html代码如下:

<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function()
{
    var oBtn1=document.getElementById('btn1');
    var oInput=document.getElementById("hehe");
    var oDiv=document.getElementById("div1");
    oBtn1.onclick=function()
    {
        var sValue=oInput.value;
        //alert(sValue);
        //1.创建Ajax对象
        //只兼容非IE6的浏览器
        if(window.XMLHttpRequest)
        {
            var oAjax=new XMLHttpRequest();
        }
        else
        {
            //IE6
            var oAjax=new ActiveXObject('Microsoft.XMLHTTP');
        }
        //alert(oAjax);
        //2.连接服务器
        //open(传输方式,文件地址,同步还是异步(默认异步))
        oAjax.open('get','ajax.php?hehe='+sValue,true);
        
        //3.发送请求
        oAjax.send();
        
        //4.接收返回
        oAjax.onreadystatechange=function()
        {
            
            //oAjax.readyState  记录步骤
            if(oAjax.readyState == 4)
            {    
                if(oAjax.status == 200)
                {
                    oDiv.innerHTML = oAjax.responseText;
                }
                else
                {
                    alert("失败");
                }
            }
            else
                {
                    alert(oAjax.readyState);//记录步骤
                }
        }
        //oAjax.send();
        
    }
}
</script>
</head>

<body>
    <form method="" action="ajax.php">
        呵呵:<input type="text" size=20 name="hehe" id="hehe">
        <input type="button" value="提交" id="btn1">
    </form>
    <div id="div1">
    </div>
</body>
</html>

后台PHP代码ajax.php
1 <?php
2     $hehe=$_GET['hehe'];
3     echo $hehe;
4 ?>

简单的AJAX用法事例到此为止,特为初学者而写,大牛可飘过……

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
FirePHP——Ajax与php开发帮手
前几天在Firebug扩展开发一文中就提到过Firephp这个基于Firebug的插件,通过使用Firephp你可以在Firebug的Console栏中看到要调试的数据,而不影响php程序的正常执行,所以说,这东西对于Ajax开发是很有帮助的!下面一起来看下Firephp的使用方法。
755 0
centos下 Apache、php、mysql默认安装路径
apache: 如果采用RPM包安装,安装路径应在 /etc/httpd目录下 apache配置文件:/etc/httpd/conf/httpd.conf Apache模块路径:/usr/sbin/apachectl web目录:/var/www/html 如果采用源代码安装,一般默认安装在/usr/local/apache2目录下 php: 如果采用RPM包安装,安装路
3122 0
windows 7 下快速搭建php环境(windows7+IIS7+php+mysql)
原文:windows 7 下快速搭建php环境(windows7+IIS7+php+mysql) 1)、采用理由: 优点:最大化的桌面图形化操作系统,可维护性优秀。基于IIS v6.0/v7.0(2008),可以支持的脚本相当完整,不仅支持Linux无法支持的asp/asp.net,还可以安装php、mysql、zend实现php环境。
1431 0
使用 HAProxy, PHP, Redis 和 MySQL 轻松构建每周上亿请求Web站点
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私募机构九鼎控股打造,九鼎投资是在全国股份转让系统挂牌的公众公司,股票代码为430719,为“中国PE第一股”,市值超1000亿元。
1091 0
win2003下全自动快速安装php+mysql套件
导读:Windows 2003下一键快速安装PHP和MySql的安装包 场景:wind2003 32位 php5.2 1、下载php+mysql套件  地址1 http://pan.baidu.com/s/1gd7rCqR 地址2 http://www.
1067 0
Apache PHP Mysql 开发环境快速配置
学习PHP开发要配置各种环境,一般会用到apache作为服务器、Mysql数据库。如何快速的配置环境成为困扰大家的烦恼,之前自己也配过,比较繁琐。 最新发现一款集成安装软件“phpStudy”。真可谓是实现了一键式安装配置php开发环境,下面是phpStudy信息截图: 安装只要按照向导,一步一步安装就好啦。
1052 0
centos下 Apache、php、mysql默认安装路径
centos下 Apache、php、mysql默认安装路径   http://blog.sina.com.cn/s/blog_4b8481f70100ujtp.html   apache: 如果采用RPM包安装,安装路径应在 /etc/httpd目录下 apache配置文件:/etc/httpd/conf/httpd.
832 0
在ubuntu中用apt-get安装LEMP栈(linux+nginx+mysql+php)
在ubuntu上安装lamp大家应该都很熟悉了,但对于现在很流行的lemp栈怎么样用apt-get安装,这样介绍的文章的不多。下面我用Ubuntu 12.04 LTS为例来介绍下如何用apt-get安装这些。
1062 0
PHP PDO(mysql) 封装类
PHP PDO(mysql) 封装类 年初在开发站点统计,自己封装的PHP PDO类,现在又改了一点,增加了一点,目前没有加上事务处理,以后会有。 上肉,上绿色无污染的肉(自家养殖场出的): /**错误函数 Feng.Fox * @param $e 对象 * @param bool $debug * @param string $message 错误信息 * @param
1817 0
+关注
青玉伏案
在技术的世界中,一直在路上~
文章
问答
文章排行榜
最热
最新
相关电子书
更多
PHP安全开发_从白帽角度做安全
立即下载
阿里云栖开发者沙龙PHP技术专场-深入浅出网络编程与swoole内核-吴镇宇
立即下载
阿里云栖开发者沙龙PHP技术专场-RabbitMQ 的延时队列和镜像队列原理与实战-钱文品
立即下载