ajax+php+mysql 读取数据库的简单示例

不言
发布: 2018-04-17 09:18:24
原创
3723人浏览过

这篇文章介绍的内容是关于ajax+php+mysql 读取数据库的简单示例 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

1.创建数据库

create database ajaxdemo default charset utf8;
登录后复制

    切换到当前数据库

use ajaxdemo;
登录后复制

    
    创建表并插入数据

Difeye-敏捷的轻量级PHP框架
Difeye-敏捷的轻量级PHP框架

Difeye是一款超轻量级PHP框架,主要特点有: Difeye是一款超轻量级PHP框架,主要特点有: ◆数据库连接做自动主从读写分离配置,适合单机和分布式站点部署; ◆支持Smarty模板机制,可灵活配置第三方缓存组件; ◆完全分离页面和动作,仿C#页面加载自动执行Page_Load入口函数; ◆支持mysql,mongodb等第三方数据库模块,支持读写分离,分布式部署; ◆增加后台管理开发示例

Difeye-敏捷的轻量级PHP框架 0
查看详情 Difeye-敏捷的轻量级PHP框架

立即学习PHP免费学习笔记(深入)”;

CREATE TABLE `ajaxtest` (
  `userid` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',
  `username` varchar(50) NOT NULL COMMENT '用户名',
  `userpass` varchar(50) NOT NULL COMMENT '密码',
  `userage` int(11) NOT NULL COMMENT '年龄',
  `usersex` varchar(1) NOT NULL COMMENT '性别',
  PRIMARY KEY (`userid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
登录后复制

立即学习PHP免费学习笔记(深入)”;

立即学习PHP免费学习笔记(深入)”;

INSERT INTO `ajaxtest` VALUES ('1', '李四', 'lisi', '15', '男');
INSERT INTO `ajaxtest` VALUES ('2', '张三', 'lisi', '20', '女');
INSERT INTO `ajaxtest` VALUES ('3', '王五', 'lisi', '25', '男');
INSERT INTO `ajaxtest` VALUES ('4', '韩梅梅', 'lisi', '25', '男');
INSERT INTO `ajaxtest` VALUES ('5', '张莉', 'lisi', '25', '女');
登录后复制

立即学习PHP免费学习笔记(深入)”;

2.创建index.php,查询数据库中的信息并展示给用户

立即学习PHP免费学习笔记(深入)”;

<html>
	<head>
		<meta charset="utf-8"/>
		<title>ajax实例</title>
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body style="height: 800px;">
		<p class="container">
			<p class="panel panel-default" style="margin-top: 100px;text-align: center;">
				<p class="panel-heading">
					Ajax实例
				</p>
				<p class="panel-body">
					<form class="navbar-form navbar-center" role="search" name="myform">
						<p class="form-group">
							<label>
								年龄:<input type="number" class="form-control" placeholder="Age" name="userage" id='userage'/>
							</label>
						</p>
						<select class="form-control" id="usersex" name="usersex">
							<option value="男">男</option>
							<option value="女">女</option>
						</select>
						<button type="button" class="btn btn-default" onclick='ajaxFunction()'>提交</button>
					</form>
					
					<table class="table table-condensed table-bordered" id="ajaxp"></table>
					<p>SQL语句:<pre class="brush:php;toolbar:false;" id="sql">
登录后复制
<script></script><script></script><script> function ajaxFunction() { var xmlHttp; try{ xmlHttp = new XMLHttpRequest(); }catch(e){ //IE浏览器需要用ActiveXObject来创建 XMLHttpRequest对象 try{ //如果Javascript的版本大于5 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ //如果不是 则使用老版本的ActiveX对象 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ alert("您的浏览器不支持"); return false; } } } xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4){ var ajaxData=document.getElementById("ajaxp"); var sqlData=document.getElementById(&#39;sql&#39;); var jsonData=JSON.parse(xmlHttp.responseText);//解析json数据 ajaxData.innerHTML=jsonData.data; sqlData.innerHTML=jsonData.sql; } } var userage=document.getElementById(&#39;userage&#39;).value; var usersex=document.getElementById(&#39;usersex&#39;).value; var url=&#39;?userage=&#39;+userage; url += &#39;&usersex=&#39;+usersex; xmlHttp.open("GET","ajaxTest.php"+url,true); xmlHttp.send(); } </script>

以上就是ajax+php+mysql 读取数据库的简单示例 的详细内容,更多请关注php中文网其它相关文章!

相关标签:
php
PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号