JavaScriptAJAXPHP-创新互联

AJAX PHP示例
AJAX用于创建更多交互式应用程序。
以下示例演示了当用户在输入字段中键入字符时,网页如何与Web服务器通信:

创新互联主营左云网站建设的网络公司,主营网站建设方案,重庆APP开发公司,左云h5小程序制作搭建,左云网站营销推广欢迎左云等地区企业咨询



ajax

XMLHttpRequest 对象

开始在下面的input字段中键入名称:

建议:

First name:

体验一下交换

在上面的示例中,当用户在输入字段中键入字符时,showHint()执行被调用的函数。该函数由onkeyup事件触发。

代码说明:首先,检查input字段是否为空(str.length == 0)。如果是,请清除txtHint占位符的内容并退出该函数。但是,如果输入字段不为空,请执行以下操作:
创建XMLHttpRequest对象
创建服务器响应准备好时要执行的函数
将请求发送到服务器上的PHP文件(gethint.php)
请注意,“gethint.php?q=“+ str添加了q参数
str变量保存input字段的内容

PHP文件 - “gethint.php”
PHP文件检查名称数组,并将相应的名称返回给浏览器:

更详细的AJAX文章教程

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文标题:JavaScriptAJAXPHP-创新互联
文章路径:http://pwwzsj.com/article/hdoeh.html