有一段时间不写关于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

 <?php

     $hehe=$_GET['hehe'];

     echo $hehe;

 ?>

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

PHP中AJAX的使用（完整实例【大牛可飘过】）的更多相关文章

  1. spring mvc 和ajax异步交互完整实例

    Spring MVC 异步交互demo: 1.jsp页面: <%@ page language="java" contentType="text/html; cha ...

  2. php中ajax使用实例

    php中ajax使用实例 一.总结 1.多复习:这两段代码都挺简单的,就是需要复习,要多看 2.ajax原理:ajax就是部分更新页面,其实还在的html页面监听到事件后,然后传给服务器进行操作,这里 ...

  3. thinkphp中ajax使用实例（thinkphp内置支持ajax）

    thinkphp中ajax使用实例(thinkphp内置支持ajax) 一.总结 1.thinkphp应该是内置支持ajax的,所以请求类型里面才会有是否是ajax // 是否为 Ajax 请求 if ...

  4. JavaWeb中点赞功能的实现及完整实例

    实现原理1.功能描述:一个用户对同一文章只能点赞一次,第二次就是取消赞2.建立一个点赞表great,字段有文章ID(aid),点赞用户ID(uid)3.当有用户进行点赞行为时,使用aid和uid搜索点 ...

  5. Ajax 中Post 与 Get的 实例

    Ajax中 Post 与 Get 实例   Ajax的POST实例,index.html <html> <head> <script type="text/ja ...

  6. javascript中ajax post实例详解

    一,原生态的XMLHttpRequest 代码如下 复制代码 <script language="javascript">         function savei ...

  7. 超详细的php用户注册页面填写信息完整实例（附源码）

    这篇文章主要介绍了一个超详细的php用户注册页面填写信息完整实例,内容包括邮箱自动匹配.密码强度验证以及防止表单重复等,小编特别喜欢这篇文章,推荐给大家. 注册页面是大多数网站必备的页面,所以很有必要 ...

  8. 前后端API交互数据加密——AES与RSA混合加密完整实例

    前言 前段时间看到一篇文章讲如何保证API调用时数据的安全性(传送门:https://blog.csdn.net/ityouknow/article/details/80603617),文中讲到利用R ...

  9. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...

随机推荐

  1. 【hihoCoder】1121：二分图一·二分图判定

      题目   http://hihocoder.com/problemset/problem/1121 无向图上有N个点,两两之间可以有连线,共有M条连线. 如果对所有点进行涂色(白/黑),判定是否存 ...

  2. FlexiGrid 使用 全选、自动绑定

    1.介绍 Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid.它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等.Flexigrid显示的数据能够通 ...

  3. sessionStorage/localStorage 本地存储

      if(!sessionStorage.getItem('vote2')||sessionStorage.getItem('vote2')==NaN)sessionStorage.setItem(' ...

  4. 最近碰到的一些 SSL 问题记录

    最近碰到一些 SSL 的小问题,特记录下. 我们有个 Java 实现的 SSL TCP 服务端,为客户端(PC.Android 和 iOS)提供 SSL 接入连接服务.最近有用户反馈其手机上 App ...

  5. ENode框架使用场景简述

    ENode是一个.NET平台下,纯C#开发的,基于DDD,CQRS,ES,EDA,In-Memory架构风格的,可以帮助开发者开发高并发.高吞吐.可伸缩.可扩展的应用程序. 开源项目地址:https: ...

  6. Python黑帽编程 3.1 ARP欺骗

    Python灰帽编程 3.1 ARP欺骗 ARP欺骗是一种在局域网中常用的攻击手段,目的是让局域网中指定的(或全部)的目标机器的数据包都通过攻击者主机进行转发,是实现中间人攻击的常用手段,从而实现数据 ...

  7. Tomcat无故自动退出的问题

    我在这篇文章<写一个脚本,自动启动Tomcat>中提到Tomcat会无缘无故退出,而且在日志中找不到原因.后来终于知道为什么了: 由于内存不足,被OOM Killer杀死的!由于是直接被系 ...

  8. C#+OpenGL+FreeType显示3D文字(3) - 用PointSprite绘制文字

    C#+OpenGL+FreeType显示3D文字(3) - 用PointSprite绘制文字 上一篇实现了把文字绘制到OpenGL窗口,但实质上只是把含有文字的贴图贴到矩形模型上.本篇我们介绍用Poi ...

  9. 深圳本土web前端经验交流

    群号:125776555  深圳本土web前端技术交流群 baidu tencent前端拒绝垃圾广告.吹水,欢迎讨论技术.跳槽经验期待您的加入 

  10. Windows Azure Storage (19) 再谈Azure Block Blob和Page Blob

    <Windows Azure Platform 系列文章目录> 请读者在参考本文之前,预习相关背景知识:Windows Azure Storage (1) Windows Azure St ...