zoukankan      html  css  js  c++  java
  • 转 PHP

    1.

    AJAX 被用于创建交互性更强的应用程序。


    AJAX PHP 实例

    下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 服务器进行通信:

    实例

    尝试在输入框中输入一个名字,如:Anna:

    姓名: 

    返回值: Anna


    实例解释 - HTML 页面

    当用户在上面的输入框中键入字符时,会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发:

    <html>
    <head>
    <script>
    function showHint(str)
    {
    	if (str.length==0)
    	{ 
    		document.getElementById("txtHint").innerHTML="";
    		return;
    	}
    	if (window.XMLHttpRequest)
    	{
    		// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
    		xmlhttp=new XMLHttpRequest();
    	}
    	else
    	{	
    		//IE6, IE5 浏览器执行的代码
    		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    	}
    	xmlhttp.onreadystatechange=function()
    	{
    		if (xmlhttp.readyState==4 && xmlhttp.status==200)
    		{
    			document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    		}
    	}
    	xmlhttp.open("GET","gethint.php?q="+str,true);
    	xmlhttp.send();
    }
    </script>
    </head>
    <body>
    
    <p><b>在输入框中输入一个姓名:</b></p>
    <form> 
    姓名: <input type="text" onkeyup="showHint(this.value)">
    </form>
    <p>返回值: <span id="txtHint"></span></p>
    
    </body>
    </html>

    源代码解释:

    如果输入框是空的(str.length==0),该函数会清空 txtHint 占位符的内容,并退出该函数。

    如果输入框不是空的,那么 showHint() 会执行以下步骤:

    • 创建 XMLHttpRequest 对象
    • 创建在服务器响应就绪时执行的函数
    • 向服务器上的文件发送请求
    • 请注意添加到 URL 末端的参数(q)(包含输入框的内容)

    PHP 文件

    上面这段通过 JavaScript 调用的服务器页面是名为 "gethint.php" 的 PHP 文件。

    "gethint.php" 中的源代码会检查姓名数组,然后向浏览器返回对应的姓名:

    <?php
    // 将姓名填充到数组中
    $a[]="Anna";
    $a[]="Brittany";
    $a[]="Cinderella";
    $a[]="Diana";
    $a[]="Eva";
    $a[]="Fiona";
    $a[]="Gunda";
    $a[]="Hege";
    $a[]="Inga";
    $a[]="Johanna";
    $a[]="Kitty";
    $a[]="Linda";
    $a[]="Nina";
    $a[]="Ophelia";
    $a[]="Petunia";
    $a[]="Amanda";
    $a[]="Raquel";
    $a[]="Cindy";
    $a[]="Doris";
    $a[]="Eve";
    $a[]="Evita";
    $a[]="Sunniva";
    $a[]="Tove";
    $a[]="Unni";
    $a[]="Violet";
    $a[]="Liza";
    $a[]="Elizabeth";
    $a[]="Ellen";
    $a[]="Wenche";
    $a[]="Vicky";
    
    //从请求URL地址中获取 q 参数
    $q=$_GET["q"];
    
    //查找是否由匹配值, 如果 q>0
    if (strlen($q) > 0)
    {
    	$hint="";
    	for($i=0; $i<count($a); $i++)
    	{
    		if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
    		{
    			if ($hint=="")
    			{
    				$hint=$a[$i];
    			}
    			else
    			{
    				$hint=$hint." , ".$a[$i];
    			}
    		}
    	}
    }
    
    // 如果没有匹配值设置输出为 "no suggestion" 
    if ($hint == "")
    {
    	$response="no suggestion";
    }
    else
    {
    	$response=$hint;
    }
    
    //输出返回值
    echo $response;
    ?>

    解释:如果 JavaScript 发送了任何文本(即 strlen($q) > 0),则会发生:

    1. 查找匹配 JavaScript 发送的字符的姓名
    2. 如果未找到匹配,则将响应字符串设置为 "no suggestion"
    3. 如果找到一个或多个匹配姓名,则用所有姓名设置响应字符串
    4. 把响应发送到 "txtHint" 占位符

    http://www.runoob.com/php/php-ajax-php.html?

    2.

    http://blog.csdn.net/manymore13/article/details/10049379

    本次主要学习ajax的概念以及怎么与PHP之间进行交互操作

     1.什么是Ajax?

       国内翻译常为“阿贾克斯”和阿贾克斯足球队同音,AJAX 是一种用于创建快速动态网页的技术,他不是新语言,而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,这样就可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
     

     2.使用Ajax

         XMLHttpRequest 是 AJAX 的基础,用于和服务器交换数据。所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)
       ①创建 XMLHttpRequest 对象
    老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象为了适应所有的现代浏览器 你可以加一个判断来实例化这个对象
    [javascript] view plaincopyprint?
     
     
    1. var xmlhttp;  
    2. if (window.XMLHttpRequest)  
    3. {  
    4.     // code for IE7+, Firefox, Chrome, Opera, Safari  
    5.         xmlhttp=new XMLHttpRequest();  
    6. }  
    7. else  
    8. {     
    9.     // code for IE6, IE5  
    10.     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
    11. }  
         ② 向服务器发送请求
            我们使用 XMLHttpRequest 对象的 open() 和 send() 方法 如下:
    XMLHttpRequest .open("GET","index.html",true);
    XMLHttpRequest .send();
    ③AJAX - onreadystatechange 事件
    当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件
         下面是 XMLHttpRequest 对象的三个重要的属性:
     
    在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。
    当 readyState 等于 4 且状态为 200 时,表示响应已就绪:
    [javascript] view plain copy
     
     print?
    1. <span style="font-family:Comic Sans MS;">          xmlhttp.onreadystatechange=function()  
    2.           {  
    3.                if (xmlhttp.readyState==4 && xmlhttp.status==200)  
    4.                {  
    5.                      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;  
    6.                }  
    7.           }</span>  
  • 相关阅读:
    MyBatis入门(一)—— 入门案例
    Spring Boot统一异常处理方案示例
    Centos7 安装 ActiveMq
    在 CentOS7 上安装 zookeeper-3.5.2 服务
    使用Homebrew安装Git与Github在idea中的配置
    iReport(模版) 与Jasper(数据填充)生成pdf文档
    SSH下shiro的基本使用
    FastJson的忽略字段和格式日期用法
    Quartz —— 任务调度框架
    POI操作Excel
  • 原文地址:https://www.cnblogs.com/feiyun8616/p/6744487.html
Copyright © 2011-2022 走看看