标签：close   where   淘宝   参数   facebook   microsoft   htm   创建   googl   

1 ajax简介

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

• AJAX 是什么？
  AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。
  传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。
• AJAX 如何工作？
  
• 所使用技术组合
  XMLHttpRequest 对象（与服务器异步交互数据）
  JavaScript/DOM（显示/取回信息）
  CSS（设置数据的样式）
  XML（常用作数据传输的格式）

AJAX 应用程序与浏览器和平台无关的！

• ajax案例
  百度，谷歌的搜索建议功能
  

2 类似搜索建议的AJAX-PHP 实例

ajax.html

在输入框中输入一个姓名:
 
姓名: 

返回值: 

分析：
用户在输入框中键入字符时，会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发。
如果输入框是空的（str.length==0），该函数会清空 txtHint 占位符的内容，并退出该函数。
如果输入框不是空的，那么 showHint() 会执行以下步骤：

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

ajax.php

0
if (strlen($q) > 0)
{
    $hint="";
    for($i=0; $i

ajax.html通过 JavaScript 调用ajax.php
ajax.php 中的源代码会检查姓名数组，然后向浏览器返回对应的姓名
如果 JavaScript 发送了任何文本（即 strlen($q) > 0），则会发生：

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

3 AJAX-PHP-MYSQL实例

ajax通过PHP与数据库进行交互式通信。
其实就是通过ajax把请求参数发到PHP，PHP根据参数的值查数据库，把结果返回给浏览器
下面的实例将演示网页如何通过 AJAX 从数据库读取信息

ajax_mysql.html

 




选择一个网站:
Google
淘宝
菜鸟教程
微博
Facebook


网站信息显示在这里……

分析：
当用户在上面的下拉列表中选择某位用户时，会执行名为 "showSite()" 的函数。该函数由 "onchange" 事件触发。
showSite() 函数会执行以下步骤：

1. 检查是否有网站被选择
2. 创建 XMLHttpRequest 对象
3. 创建在服务器响应就绪时执行的函数
4. 向服务器上的文件发送请求
5. 请注意添加到 URL 末端的参数（q）（包含下拉列表的内容）

ajax_mysql.php

ID
网站名
网站 URL
Alexa 排名
国家
";
while($row = mysqli_fetch_array($result))
{
    echo "";
    echo "" . $row[‘id‘] . "";
    echo "" . $row[‘name‘] . "";
    echo "" . $row[‘url‘] . "";
    echo "" . $row[‘alexa‘] . "";
    echo "" . $row[‘country‘] . "";
    echo "";
}
echo "";
mysqli_close($con);
?>

分析：
ajax_mysql.html通过 JavaScript 调用 ajax_mysql.php ，ajax_mysql.php会运行一次针对 MySQL 数据库的查询，然后在 HTML 表格中返回结果。
当查询从 JavaScript 发送到 PHP 文件时，将发生：

1. PHP 打开一个到 MySQL 数据库的连接
2. 找到选中的用户
3. 创建 HTML 表格，填充数据，并发送回 "txtHint" 占位符

MYSQL中的websites表

4 AJAX-PHP-XML实例

AJAX 通过PHP与 XML 文件进行交互式通信。
下面的实例将演示网页如何通过 AJAX 从 XML 文件读取信息

ajax_xml.html

Select a CD:
Select a CD:
Bob Dylan
Bonnie Tyler
Dolly Parton

CD info will be listed here...

分析：
当用户在上面的下拉列表中选择某张 CD 时，会执行名为 "showCD()" 的函数。该函数由 "onchange" 事件触发
showCD() 函数会执行以下步骤：

1. 检查是否有 CD 被选择
2. 创建 XMLHttpRequest 对象
3. 创建在服务器响应就绪时执行的函数
4. 向服务器上的文件发送请求
5. 请注意添加到 URL 末端的参数（q）（包含下拉列表的内容）

ajax_xml.php

load("cd_catalog.xml");
$x=$xmlDoc->getElementsByTagName(‘ARTIST‘);
for ($i=0; $ilength-1; $i++)
{
    // 处理元素节点
    if ($x->item($i)->nodeType==1)
    {
        if ($x->item($i)->childNodes->item(0)->nodeValue == $q)
        {
            $y=($x->item($i)->parentNode);
        }
    }
}
$cd=($y->childNodes);
for ($i=0;$ilength;$i++)
{ 
    // 处理元素节点
    if ($cd->item($i)->nodeType==1)
    {
        echo("" . $cd->item($i)->nodeName . ": ");
        echo($cd->item($i)->childNodes->item(0)->nodeValue);
        echo("
");
    }
}
?>

分析：
ajax_xml.html通过 JavaScript 调用ajax_xml.php ，ajax_xml.php加载 XML 文档 cd_catalog.xml ,运行针对 XML 文件的查询，并以 HTML 返回结果
当 CD 查询从 JavaScript 发送到 PHP 页面时，将发生：

1. PHP 创建 XML DOM 对象
2. 查找所有 元素中与 JavaScript 所传数据相匹配的名字
3. 输出 album 的信息，并发送回 "txtHint" 占位符

cd_catalog.xml

PHP-AJAX

标签：close   where   淘宝   参数   facebook   microsoft   htm   创建   googl   

原文地址：https://www.cnblogs.com/Rain99-/p/13324398.html