mysql php ajax_PHP 和 AJAX MySQL 数据库实例

HTML 表单

上面的例子包含了一个简单的 HTML 表单,以及指向 JavaScript 的链接:

Select a User:

Peter Griffin

Lois Griffin

Glenn Quagmire

Joseph Swanson

User info will be listed here.

例子解释 - HTML 表单

正如融金汇银讲到的,它仅仅是一个简单的 HTML 表单,其中带有名为 "users" 的下拉列表,这个列表包含了姓名,以及与数据库的 "id" 对应的选项值。

表单下面的段落包含了名为 "txtHint" 的 div。这个 div 用作从 web 服务器检索到的信息的占位符。

当用户选择数据时,执行名为 "showUser()" 的函数。该函数的执行由 "onchange" 事件触发。

换句话说:每当用户改变下拉列表中的值,就会调用 showUser() 函数。

JavaScript

这是存储在 "selectuser.js" 文件中的 JavaScript 代码:

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;

}

例子解释:

stateChanged() 和 GetXmlHttpObject 函数与 PHP AJAX 请求 那一节中的相同,您可以参阅其中的相关解释。

showUser() 函数

假如下拉列表中的项目被选择,函数执行:

调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象

定义发送到服务器的 URL(文件名)

向 URL 添加带有下拉列表内容的参数 (q)

添加一个随机数,以防服务器使用缓存的文件

当触发事件时调用 stateChanged

通过给定的 URL 打开 XMLHTTP 对象

向服务器发送 HTTP 请求

PHP 页面

由 JavaScript 调用的服务器页面,是名为 "getuser.php" 的简单 PHP 文件。

该页面用 PHP 编写,并使用 MySQL 数据库。

其中的代码执行针对数据库的 SQL 查询,并以 HTML 表格返回结果:

$q=$_GET["q"];

$con = mysql_connect('localhost', 'peter', 'abc123');

if bjrongjinhuiyin.com(!$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 "

FirstnameLastnameAgeHometownJob

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);

?>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550637.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql 5.1升级5.6_mysql 5.1.71升级到5.6.30

mysql 5.1.71升级到5.6.30mysqldump-h主机名 -P端口 -u用户名 -p密码 (–database) 数据库名 >文件名.sql备份MySQL数据库的命令mysqldump-hhostname -uusername -ppassword databasename >backupfile.sql备份MySQL数据库为带删除表的格式,能够让该备份覆盖已…

mysql时间段以后_mysql时间段查询

字段column_time的格式为时间格式from_unixtime将时间戳转换为时间格式 *做个记号,之前纠结了半天select * from wap_content where week(column_time) week(now)如果你要严格要求是某一年的,那可以这样查询一天:select * from table where …

mysql数据自定义随机_Mysql 自定义随机字符串

前几天在开发一个系统,需要用到随机字符串,但是mysql的库函数有没有直接提供,就简单的利用现有的函数东拼西凑出随机字符串来.下面简单的说下实现当时.1.简单粗暴.select ..., substring(MD5(RAND()),floor(RAND()*26)1,6) as rand_str .....…

php连接mysql乱码原因_PHP连接MYSQL出现乱码的原因与解决办法

PHP连接mysql出现乱码的原因与解决方法解决MySql数据库乱码的一个首要前提是保证 数据库数据表前端显示 编码一致,国内项目一般统一设定为GB2312或GBK,而国际化项目则一般使用utf8。另外,字符集设定完毕之后记得重启目标机MySql服务。PHP连接…

MYSQL数据库实验三多表查询_数据库之 MySQL --- 数据处理 之多表查询 (三)

一、多表查询【1】什么是多表查询?即,从多个表中获取数据。注意: 在多表查询是,如果列明在两个表中都有,那么列名前需要加上表名sql优化:列名前最好加上表名,尤其在多表查询时SELECT employees.…

php mysql redis mq_docker 搭建 php-mysql-nginx-redis-rabbitmq环境

#创建redisdocker create -p 6379:6379 -v redis:/data --restartalways --name myredis redis#创建mysqldocker create --name mysql -p 3306:3306 -v mysql:/var/lib/mysql --restartalways -e MYSQL_ROOT_PASSWORDAbc123456 mysql:5.6 --character-set-serverutf8 --collati…

session mysql java_PHP自定义session处理方法,保存到MySQL数据库中

我们都知道,session是为了解决因特网的无状态属性而创造出来的。我们可以用session这种会话管理机制来构建购物车、监控站点网络访问,甚至还可以跟踪某一个用户具体是如何使用你的应用的。PHP默认的session处理行为已经能应付大部分的场景,但…

linux查看非注释行_Linux筛除空行和注释行的技巧

CentOS7.3学习笔记总结(四十一)- Linux筛除空行和注释行的技巧 在linux系统中的很多文件,写程序的人为了方便查阅整篇文档,写了很多注释,加了很多空行,虽然方便了整体的阅读,但是参数的添加、删除、修改等就没有那么友好了,我们就需要利用命令行筛选出没有这些内容的内容…

mysql数据迁移双写_数据迁移类测试策略

二、迁移类测试策略1、概述随着业务需求或数据量增长到一定程度,往往需要进行数据库切换,这里就伴随这数据迁移。关键字: 全量数据迁移,增量数据迁移,分库分表,数据双写,oracle、mysql、hbase……

python创建追加_Python文件的创建与追加

(转载)https://www.xshell.net/python/python_open.htmlPosted by 破冰 on 2013-9-17 17:29 Tuesday一、用Python创建一个新文件,内容是从0到9的整数, 每个数字占一行:#python>>>fopen(f.txt,w) # r只读,w可写,a追加&…

medoo update mysql_Medoo Update的使用:修改更新数据

update方法:update($table, $data,$where),接受三个参数的传入,第三个可默认不传第一个需要传入的参数类型为字符串:String,即为要修改更新数据的数据表名第二个需要传入的参数类型为数组:array()&#xff…

vue限制只能输入数字_vue的input中,如何限制只能输入number

本来想用watch观察v-model的值&#xff0c;一旦不是数字&#xff0c;就让新值等于旧值&#xff0c;后来发现不行。h5的type”number”属性在手机上无效。有什么比较好的方法吗<input v-model"num">type”tel”的作用是直接弹出数字键盘吧&#xff0c;这样好像也…

where is null mysql_SQL中WHERE变量IS NULL条件导致全表扫描问题的解决方法

SET SQL SELECT * FROM Comment with(nolock) WHERE 11And (ProjectIds Is Null or ProjectId ProjectIds)And (Scores is null or Score Scores)印象中记得&#xff0c;以前在做Oracle开发时&#xff0c;这种写法是会导致全表扫描的&#xff0c;用不上索引&#xff0c;不知道…

lambda的java_一分钟搞明白java8中的lambda

项目结构是这样的User是一个普通的pojo类UserCompare是一个实现了Comprator的类现在我们有一个需求&#xff1a;给一个user组成的list 按照user的年龄排序。实现不难&#xff0c;代码如下&#xff1a;这种方法由于sort方法的第二个参数是Comparator 所以你要写一个实现类(我这里…

hash的算法 java_Java常用HASH算法总结【经典实例】

本文实例讲述了Java常用HASH算法。分享给大家供大家参考&#xff0c;具体如下&#xff1a;/*** Hash算法大全* 推荐使用FNV1算法* algorithm None* author Goodzzp 2006-11-20* lastEdit Goodzzp 2006-11-20* editDetail Create*/public class HashAlgorithms{/**//*** 加法has…

读芯术python教程答案_攻略Python的免费书单:走进编程,从这五本书开始

全文共1245字&#xff0c;预计学习时长5分钟图源&#xff1a;unsplashPython一向是数据科学家最青睐的编程语言&#xff0c;它的语法相对简单、易于学习。除了机器学习数据库之外&#xff0c;还有非常活跃的开发人员社区&#xff0c;维护着各种库&#xff0c;用于数据分析、操作…

java的math类_Java之Math类使用小结

public classMain {public static voidmain(String[] args) {//TODO Auto-generated method stubSystem.out.println(Math.E);//比任何其他值都更接近 e(即自然对数的底数)的 double 值。System.out.println(Math.PI);//比任何其他值都更接近 pi(即圆的周长与直径之比)的 doubl…

java的复制构造函数_什么是Java中的复制构造函数?

通常&#xff0c;复制构造函数是通过使用先前已创建的相同类的对象初始化对象来创建对象的构造函数。Java支持复制构造函数&#xff0c;但与C语言不同&#xff0c;Java没有提供您需要自己定义的显式复制构造函数。写一个拷贝构造函数通常&#xff0c;为了初始化类的实例变量的值…

java对jsonarray去重复_java 去除jsonarray里面jsonarray的重复和合并数据

原来数据如下&#xff1a;[{"index_id":"19557485","itemid":"70575","time":"1467619020","value":"1"},{"index_id":"19557442","itemid":"113795&quo…

JAVA minaio模型_分布式系统之Java IO模型

1.正确理解IO定义IO涉及两个系统对象&#xff0c;一个是用户进程&#xff0c;一个是系统内核阻塞IO和非阻塞IO 针对是对用户进程来讲的调用函数。同步IO和异步IO针对的是系统内核。select,poll,epoll是Linux系统使用最多的IO多路复用机制&#xff0c;采用的都是同步IO。IO读取过…