您身边的网站建设专家
成功案例

【建站服务】宣汉淘宝装修/宣汉京东店铺设计/宣汉拼多多网店装修公司/宣汉企业网店开通申请-网店装修设计-域名申请

日期: 2022-09-21 05:39:18 浏览数:6


上往建站提供服务器空间服务商百度快照排名网站托管百度推广运营,致力于设计外包服务与源代码定制开发360推广搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。


宣汉淘宝装修/宣汉京东店铺设计/宣汉拼多多网店装修公司/宣汉企业网店开通申请-网店装修设计

网站建设.png

AJAX 简介


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


AJAX 是什么?

AJAX = Asynchronous JavaScript and XML.

AJAX 是一种用于创建快速动态网页的技术。

AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。

有很多使用 AJAX 的应用程序案例:Google Maps、Gmail、Youtube 和 Facebook。


AJAX 如何工作

AJAX


AJAX 基于因特网标准

AJAX 基于因特网标准,并使用以下技术组合:

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


谷歌搜索建议(Google Suggest)

随着谷歌搜索建议功能在 2005 的发布,AJAX 开始流行起来。

谷歌搜索建议(Google Suggest) 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框中键入内容时,JavaScript 会把字符发送到服务器,服务器则会返回建议列表。


今天就开始使用 AJAX

在我们的 PHP 教程中,我们将演示 AJAX 如何在不重载整个页面的情况下对网页的某些部分进行更新。服务器脚本我们将采用 PHP 来编写。

如果您想要学习更多关于 AJAX 的知识,请访问我们的 AJAX 教程


PHP - AJAX 与 PHP

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


AJAX PHP 实例

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


实例

尝试在输入框中输入一个名字,如: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)(包含输入框的内容)

宣汉淘宝装修/宣汉京东店铺设计/宣汉拼多多网店装修公司/宣汉企业网店开通申请-网店装修设计


上往建站提供搭建网站域名注册官网备案服务网店详情页设计企业网店专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管网页美工排版,致力于域名申请竞价托管软文推广全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机网站推广百度竞价托管网站建设上网建站推广服务网络公司有哪些等业务,专业团队服务,效果好。

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


全国咨询热线:400-111-6878

地址:全国各地都有驻点商务

Copyright © 2021 通陆科技

网站建设上往建站