1. <html>
  2. <head>
  3. <script src="clienthint.js"></script>
  4. </head>
  5. <body>
  6. <form>
  7. First Name:
  8. <input type="text" id="txt1"
  9. onkeyup="showHint(this.value)">
  10. </form>
  11. <p>Suggestions: <span id="txtHint"></span></p>
  12. </body>
  13. </html>
  1. clienthint.js
  1. var xmlHttp
  2. function showHint(str)
  3. {
  4. if (str.length==0)
  5. {
  6. document.getElementById("txtHint").innerHTML=""
  7. return
  8. }
  9. xmlHttp=GetXmlHttpObject()
  10. if (xmlHttp==null)
  11. {
  12. alert ("Browser does not support HTTP Request")
  13. return
  14. }
  15. var url="gethint.php"
  16. url=url+"?q="+str
  17. url=url+"&sid="+Math.random()
  18. xmlHttp.onreadystatechange=stateChanged
  19. xmlHttp.open("GET",url,true)
  20. xmlHttp.send(null)
  21. }
  22. function stateChanged()
  23. {
  24. if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  25. {
  26. document.getElementById("txtHint").innerHTML=xmlHttp.responseText
  27. }
  28. }
  29. function GetXmlHttpObject()
  30. {
  31. var xmlHttp=null;
  32. try
  33. {
  34. // Firefox, Opera 8.0+, Safari
  35. xmlHttp=new XMLHttpRequest();
  36. }
  37. catch (e)
  38. {
  39. // Internet Explorer
  40. try
  41. {
  42. xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  43. }
  44. catch (e)
  45. {
  46. xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  47. }
  48. }
  49. return xmlHttp;
  50. }

gethint.php

    1. <?php
    2. // Fill up array with names
    3. $a[]="Anna";
    4. $a[]="Brittany";
    5. $a[]="Cinderella";
    6. $a[]="Diana";
    7. $a[]="Eva";
    8. $a[]="Fiona";
    9. $a[]="Gunda";
    10. $a[]="Hege";
    11. $a[]="Inga";
    12. $a[]="Johanna";
    13. $a[]="Kitty";
    14. $a[]="Linda";
    15. $a[]="Nina";
    16. $a[]="Ophelia";
    17. $a[]="Petunia";
    18. $a[]="Amanda";
    19. $a[]="Raquel";
    20. $a[]="Cindy";
    21. $a[]="Doris";
    22. $a[]="Eve";
    23. $a[]="Evita";
    24. $a[]="Sunniva";
    25. $a[]="Tove";
    26. $a[]="Unni";
    27. $a[]="Violet";
    28. $a[]="Liza";
    29. $a[]="Elizabeth";
    30. $a[]="Ellen";
    31. $a[]="Wenche";
    32. $a[]="Vicky";
    33. //get the q parameter from URL
    34. $q=$_GET["q"];
    35. //lookup all hints from array if length of q>0
    36. if (strlen($q) > 0)
    37. {
    38. $hint="";
    39. for($i=0; $i<count($a); $i++)
    40. {
    41. if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
    42. {
    43. if ($hint=="")
    44. {
    45. $hint=$a[$i];
    46. }
    47. else
    48. {
    49. $hint=$hint." , ".$a[$i];
    50. }
    51. }
    52. }
    53. }
    54. //Set output to "no suggestion" if no hint were found
    55. //or to the correct values
    56. if ($hint == "")
    57. {
    58. $response="no suggestion";
    59. }
    60. else
    61. {
    62. $response=$hint;
    63. }
    64. //output the response
    65. echo $response;
    66. ?>

ajax 向php发送请求的更多相关文章

  1. 【03】AJAX 向服务器发送请求

    AJAX 向服务器发送请求   创建 XMLHttpRequest 对象后,就可以向服务器发送请求了. XMLHttpRequest 对象的 open() 方法和 send() 方法用来向服务器发送请 ...

  2. AJAX - 向服务器发送请求请求

    AJAX - 向服务器发送请求请求 XMLHttpRequest 对象用于和服务器交换数据.直线电机生产厂家 向服务器发送请求 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 ...

  3. Ajax向服务器端发送请求

    Ajax向服务器端发送请求 Ajax的应用场景 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜索框提示文字下拉列表 Ajax运行原理 Ajax 相当于浏览器发送请求与接收响应的代 ...

  4. Ajax向Controller发送请求并接受数据需要注意的一个细节

    想用Ajax想向Controller发送请求和接收返回的字符等等.Controller中要使用@ResponseBody注解. <script type="text/javascrip ...

  5. AJAX向服务器发送请求

    使用 XMLHttpRequest 对象的 open() 和 send() 方法: 方法 描述 open(method,url,async) 规定请求的类型.URL 以及是否异步处理请求. metho ...

  6. 使用ajax向后台发送请求跳转页面无效的原因

    Ajax只是利用脚本访问对应url获取数据而已,不能做除了获取返回数据以外的其它动作了.所以浏览器端是不会发起重定向的. 1)正常的http url请求,只有浏览器和服务器两个参与者.浏览器端发起一个 ...

  7. 使用Ajax向服务器端发送请求

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  8. angularjs --- ngResource 类似于 ajax发送请求。

    <!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...

  9. Query通过Ajax向PHP服务端发送请求并返回JSON数据

    Query通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuer ...

随机推荐

  1. epoll 数据库安装以及相关概念

    epoll select 只能同时处理1024个客户端, 多线程会遇到资源瓶颈,什么才是解决高并发最有效的方式呢 linux中提供了epoll 这种多路复用的IO模型,注意其他平台没有相应的实现 所以 ...

  2. Python 清华镜像设置

    大家在通过pip 或conda 下载一些很大的第三方库时是不是有一种等到坟头的草都三尺高了,还没下载完的感觉,而且大的第三方库长时间下载,可能会导致超时自动中断下载,感谢清华的大佬们 临时使用: pi ...

  3. C学习笔记-多源文件的编译

    多源文件的意义 为了精简代码和更好的维护代码,往往需要将一些功能实现的代码与主函数代码分开来 在使用的时候再主函数中调用 多源文件的使用 假设现有my.c和main.c两个源代码文件,现在要再main ...

  4. vue项目自动构建工具1.0，支持多页面构建

    该工具适用于超多项目开发,每个项目不用都安装依赖,所有依赖都安装在ffk命令项目中,对于多分支拉到本地进行开发,亦有益处.对于多页面开发,也是相当便利,不用手动撸entry和plugin. git: ...

  5. Oracle- 数据库知识回顾

    数据库知识回顾: sql语句的语法规范: sql语句不区分大小写,习惯上系统的保留字.关键字.函数名称大写,表名和列名小写 使用空格和换行分隔单词效果一样,一般情况下独立的整句不换行,不同的子句需要换 ...

  6. SQLSERVER 去除字符串中特殊字符

    原文:SQLSERVER 去除字符串中特殊字符 /*========================================================================== ...

  7. phpQuery简介

    接上一篇,使用 Snoopy 抓取回来网页之后,需要解析网页中的元素,但是对于 https://www.cnblogs.com/hellowzd/p/5163276.html

  8. 基于keepalived搭建mysql双主高可用

    目录 概述 环境准备 keepalived搭建 mysql搭建 mysql双主搭建 mysql双主高可用搭建 概述 传统(不借助中间件)的数据库主从搭建,如果主节点挂掉了,从节点只能读取无法写入,只能 ...

  9. Contains Duplicate III -leetcode

    Contains Duplicate III Given an array of integers, find out whether there are two distinct indices i ...

  10. INPUT和CONSTRUCT指令——范例报表查询，作用让用户输入数据，自动生成SQL的WHERE条件，带开窗查询

    INPUT指令 说明:1. 当程序执行到INPUT指令时,会将控制权交给用户,让用户输入数据.2. 用户输入完字段的数据,会将数据回传给程序中的变量接收.3. 只要执行到INPUT的指令,程序会将每个 ...