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. 《机器学习实战（基于scikit-learn和TensorFlow）》第七章内容学习心得

    本章主要讲述了“集成学习”和“随机森林”两个方面. 重点关注:bagging/pasting.boosting.stacking三个方法. 首先,提出一个思想,如果想提升预测的准确率,一个很好的方法就 ...

  2. addRoutes进行权限控制

    用addRoutes实现动态路由:https://www.jianshu.com/p/0bea4a1b0350 详解基于vue,vue-router, vuex以及addRoutes进行权限控制:ht ...

  3. kube-metric在kubernetes上的部署

    1.拿包 wgethttps://github.com/kubernetes/kube-state-metrics/archive/v1.7.2.tar.gz 2.tar -zxf  v1.7.2.t ...

  4. pramfs安装

    1. 拷贝 linux-3.11 pramfs-1.5.0-3.11 pramfs-Tools 到电脑中(我是新建目录linux中) 2.解压 3.cd pramfs-1.5.0-3.11/ 4.将p ...

  5. Maven跳过单元测试的两种方式

    -DskipTests,不执行测试用例,但编译测试用例类生成相应的class文件至target/test-classes下. -Dmaven.test.skip=true,不执行测试用例,也不编译测试 ...

  6. Linux文件属性之时间戳及文件名知识详解

    ls  -lhi 7.8.9三列是时间(默认是修改时间) modify    修改时间 -----mtime     一般是修改文件内容 change   改变时间----ctime      文件的 ...

  7. mybatis-plus代码生成器两版(全部生成+部分生成)

    mybatis-plus代码生成器两版(全部生成+部分生成) 一次性生成全部文件 package com.layuicms.erp.utils; import java.util.List; impo ...

  8. VS添加版权声明

    C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\Common7\IDE\ItemTemplates\AspNetCore\ ...

  9. C# 使用Emit实现动态AOP框架 进阶篇之优化

    目  录 C# 使用Emit实现动态AOP框架 (一) C# 使用Emit实现动态AOP框架 (二) C# 使用Emit实现动态AOP框架 (三) C# 使用Emit实现动态AOP框架 进阶篇之异常处 ...

  10. C#将字符串格式化为Json

    private string ConvertStringToJson(string str)        {            //格式化json字符串            JsonSeria ...