HTML代码

Select a User:

Peter Griffin

Lois Griffin

Glenn Quagmire

Joseph Swanson

Jason Qiao

User info will be listed here.

JS代码

var xmlHttp

function showUser(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Browser does not support HTTP Request")

return

}

var url="getuser.php"

url=url+"?q="+str

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("txtHint").innerHTML=xmlHttp.responseText

}

}

function GetXmlHttpObject()

{

var xmlHttp=null;

try

{

// Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e)

{

//Internet Explorer

try

{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlHttp;

}

PHP代码

$q=$_GET["q"];

$con = mysql_connect('localhost', 'root', 'root');

if (!$con)

{

die('Could not connect: ' . mysql_error());

}

mysql_select_db("ajax_demo", $con);

$sql="SELECT * FROM user WHERE id = '".$q."'";

$result = mysql_query($sql);

echo "

Firstname Lastname Age Hometown Job

while($row = mysql_fetch_array($result))

{

echo "

";

echo "

" . $row['Firstname'] . "";

echo "

" . $row['Lastname'] . "";

echo "

" . $row['Age'] . "";

echo "

" . $row['Hometown'] . "";

echo "

" . $row['Job'] . "";

echo "

";

}

echo "

";

mysql_close($con);

?>

SQL表

Paste_Image.png

注意:MySQL中数据表的每个字段名称是区分大小写的。如果你存的字段是FirstName,但你用Firstname去取数值,就会取不到值。

php 和ajax,PHP与Ajax相关推荐

  1. ajax通讯原理,ajax通讯原理以及自己封装一个ajax函数

    ajax通讯原理 要解释ajax的原理,需要从旧的交互方式开始,当用户触发一个http请求到服务器,服务器对其进行处理之后,再返回一个新的html页到客户端,每当服务器处理客户端提交的请求时,客户都只 ...

  2. ajax入门实例代码,AJAX、AJAX实例及AJAX源代码

    AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...

  3. 【AJAX】反向Ajax第1部分:Comet介绍

    英文原文:Reverse Ajax, Part 1: Introduction to Comet 在过去的几年中,web开发已经发生了很大的变化.现如今,我们期望的是能够通过web快速.动态地访问应用 ...

  4. $.ajax data怎么处理_不会吧,不会吧,不愧是Ajax,jQuery Ajax啊

    Ajax and jQuery Ajax 我们做前端的,肯定不会只满足于写一些静态网页,我们希望做到网站(与服务器)的数据交互.不得不说,现在前端的发展真是太快了,不断的更新迭代,新的技术就如同雨后春 ...

  5. AJAX(三)jQuery AJAX.post

    在jQuery 中也提供了一个比较简单的ajax请求jQuery.post(url, [data], [callback], [type]),如果考虑出错时执行函数该方法不适合,请选择ajax 相对j ...

  6. ajax路由器,注册ajax用户的步骤 _ 路由器设置|192.168.1.1|无线路由器设置|192.168.0.1 - 路饭网...

    注册ajax用户的步骤 在网站设计中,ajax技术的使用已经很普遍了,尤其在交互式的网站中,ajax技术更不可缺少了,几乎在所有的交互式网站应用中,都会看到ajax的技术,大型网站诸如会员的注册,小型 ...

  7. 不同浏览器 ajax,完整的 AJAX 写法(支持多浏览器)

    代码如下: var xmlhttp; function Submit() { //1.创建 XMLHttpRequest 对象 if (window.XMLHttpRequest) { //IE7,I ...

  8. ajax的数据库,AJAX 数据库

    AJAX 数据库实例 AJAX 可用来与数据库进行动态通信. AJAX 数据库实例 下面的例子将演示网页如何通过 AJAX 从数据库读取信息: 请在下面的下拉列表中选择一个客户: 实例 functio ...

  9. 利用ajax.dll进行Ajax的开发2007-07-15 15:38

    利用ajax.dll进行Ajax的开发 2007-07-15 15:38 Asynchronous JavaScript and XML(AJAX)最近掀起的高潮,要完全归功于Google在Googl ...

  10. ajax配置要求,AJAX浅谈

    ajax的含义 ajax是异步JavaScript和xml(asynchronous JavaScript and xml): 利用XMLHttpRequest发请求 服务器返回XML格式的字符串,但 ...

最新文章

  1. mysql 单实例部署_Mysql 数据库单机多实例部署手记
  2. git submodule 删除及更新URL
  3. linux 网卡无效 设置_请教,关于更改linux网卡配置文件后重启IP不生效的问题~
  4. java编码gbk的不可_解决 java “错误:编码GBK 的不可映射字符”
  5. 使用mysql命令还原student表_自用mysql自带命令实现数据库备份还原的方法
  6. screen 命令示例:管理多个终端会话
  7. 影像测量仪使用的注意点
  8. 对比了解Grafana与Kibana的关键差异
  9. 联想计算机不能使用ghost,联想电脑不能GHOST的解决方法
  10. 关闭数字健康 android 魅族,魅族手机隐私模式开启关闭使用方法详解
  11. 杂项 Chrome浏览器截取长图
  12. android 4.2 dropbox,android 下用脚本备份文档到dropbox的实现
  13. C语言英尺和英寸换算米
  14. 什么是Android性能,如何分析性能问题?
  15. 【服务器数据恢复】华为OceanStor服务器热备盘同步数据失败的数据恢复案例
  16. 拼多多商家发货要注意什么?
  17. 防止表单重复提交的问题
  18. 【关于ChatGPT的30个问题】1、ChatGPT是什么?/ By 禅与计算机程序设计艺术
  19. Idea stash 谨慎点玩
  20. 美国自由女神像是法国赠送的【科普】

热门文章

  1. 解决ThinkPHP关闭调试模式时报错的问题汇总
  2. Linux下使用Vim粘贴文本错乱问题解决
  3. 《1---关于解决MySQL在控制台插入中文乱码问题》
  4. Bootstrap模态框使用WebUploader点击失效问题解决
  5. 出现should be mapped with insert=“false“ update=“false“的解决方法
  6. 您是否应该始终偏爱xrange()而不是range()?
  7. 如何在现有的ul中添加li?
  8. 使Git与代理服务器一起使用-因“请求超时”而失败
  9. hdfs入门——常用命令
  10. CSS魔法堂:更丰富的前端动效by CSS Animation