index.html页面

 <!DOCTYPE html>

 <html lang="en">

     <head>

         <meta charset="utf-8">

             <title>

                 PHP、jQuery、AJAX和MySQL 数据库实例

             </title>

     </head>

     <body>

         <form>

             Select a User:

             <select name="users" onchange="showUser(this.value)">

                 <option value="1">

                     John

                 </option>

                 <option value="2">

                     Linda

                 </option>

             </select>

         </form>

         <p>

             <div id="txtHint">

                 <b>

                     User info will be listed here.

                 </b>

             </div>

         </p>

         <script src="./js/jquery-1.10.2.min.js"></script>

         <script src="selectuser.js"></script>

     </body>

 </html>

selectuser.js页面

 function showUser(str) {

     $.ajax({

         type:"GET",

         url:"getuser.php?q="+str,

         dataType:"json",

         success: function(data) {

             //var data = eval('(' + data + ')');

                 if (data.success) {

                     $("#txtHint").html(data.msg);

                 } else {

                     $("#txtHint").html("出现错误：" + data.msg);

                 }

             },

           error: function(jqXHR){

                alert("发生错误：" + jqXHR.status);

             },

     });

 }

getuser.php页面

 <?php

 header('Access-Control-Allow-Origin:*');

 header('Access-Control-Allow-Methods:POST,GET');

 header('Access-Control-Allow-Credentials:true');

 header("Content-Type: application/json;charset=utf-8");

 $q=$_GET["q"];

 $con = mysql_connect('www.mytest.com', 'root', 'root');

 if (!$con)

 {

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

 }

 mysql_select_db("test", $con);

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

 $res = mysql_query($sql);

 $result="<table border='1'>

 <tr><th>id</th><th>FirstName</th>

 <th>LastName</th><th>email</th></tr>";

 while($row = mysql_fetch_array($res))

 {

   $result=$result. "<tr><td>" . $row['id'] . "</td><td>" . $row['firstname'] . "</td><td>" . $row['lastname'] . "</td><td>" . $row['email'] . "</td></tr>";

 }

 $result=$result."</table>";

 $data = array('msg' => $result,'success'=>true);

 echo json_encode($data);

 mysql_close($con);

 ?>

PHP、jQuery、AJAX和MySQL 数据库实例的更多相关文章

  1. Python MySQLdb模块连接操作mysql数据库实例_python

    mysql是一个优秀的开源数据库,它现在的应用非常的广泛,因此很有必要简单的介绍一下用python操作mysql数据库的方法.python操作数据库需要安装一个第三方的模块,在http://mysql ...

  2. 在一台机子上，安装，运行两mysql数据库实例

    为了方便测试,想要用到两个mysql数据库实例.以windows系统为例 当然安装第一个mysql数据库,很简单没什么说的.但是再要安装,运行mysql安装程序时,会提示,修复,卸载,重新安装. 这时 ...

  3. jQuery ajax上传文件实例

    jQuery ajax上传文件实例 <form id="form" enctype="multipart/form-data"><input ...

  4. 批量获取mysql数据库实例指定参数的值

    需求:需要对比所有mysql数据库实例上面的指定参数配置情况,同时需要需要能看到如ip,端口,master or slave,毕竟主和从参数不一样还是有可能的. 说明:必须要有个数据库存储所有是数据库 ...

  5. PHP 和 AJAX MySQL 数据库实例

    HTML 表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  6. PHP - AJAX 与 MySQL-AJAX 数据库实例

    PHP - AJAX 与 MySQL AJAX 可用来与数据库进行交互式通信. AJAX 数据库实例 下面的实例将演示网页如何通过 AJAX 从数据库读取信息: 本教程使用到的 Websites 表 ...

  7. shell脚本连接、读写、操作mysql数据库实例

    本文介绍了如何在shell中读写mysql数据库.主要介绍了如何在shell 中连接mysql数据库,如何在shell中创建数据库,创建表,插入csv文件,读取mysql数据库,导出mysql数据库为 ...

  8. ASP.NET使用jQuery AJAX实现MD5加密实例

    一个asp.net ajax例子,使用jquery,实现md5加密.在.NET 4.0,Visual Studio 2010上成功运行. 效果体验:http://tool.keleyi.com/t/m ...

  9. python3连接MySQL数据库实例

    #python3连接MySQL实例 import pymysql """导入连接MySQL需要的包,没有安装pymysql需要先安装 使用命令行切换到python的安装路 ...

随机推荐

  1. jstl的错误总结与解决方法

    哎,真他娘的无语了,jstl标签竟然还与tomcat的版本有关.一会报错:java.lang.AbstractMethodError: javax.servlet.jsp.PageContext.ge ...

  2. Java源码阅读Stack

    Stack(栈)实现了一个后进先出(LIFO)的数据结构.该类继承了Vector类,是通过调用父类Vector的方法实现基本操作的. Stack共有以下五个操作: put:将元素压入栈顶. pop:弹 ...

  3. flume学习（四）：Flume Interceptors的使用

    转载:http://blog.csdn.net/xiao_jun_0820/article/details/38111305 对于flume拦截器,我的理解是:在app(应用程序日志)和 source ...

  4. 通过java api提交自定义hadoop 作业

    通过API操作之前要先了解几个基本知识 一.hadoop的基本数据类型和java的基本数据类型是不一样的,但是都存在对应的关系 如下图 如果需要定义自己的数据类型,则必须实现Writable hado ...

  5. 2017.7.18 windows下ELK环境搭建

    参考来自:Windows环境下ELK平台的搭建 另一篇博文:2017.7.18 linux下ELK环境搭建 0 版本说明 因为ELK从5.0开始只支持jdk 1.8,但是项目中使用的是JDK 1.7, ...

  6. Windows 10 Enterprise LTSB版本

    Windows 10 Enterprise 评估版  |  90 天  Win10 企业版 LTSB版 14393.0.160715-1616.RS1_RELEASE_CLIENTENTERPRISE ...

  7. azkaban2.5 具体配置以及使用方式

    azkaban支持shell.java.mapreduce以及hive的工作流调度,在对这些不同类型任务调度之前须要配置所相应的插件:azkaban总体分为两部分azkaban executor se ...

  8. 倍福TwinCAT(贝福Beckhoff)基础教程1.2 TwinCAT安装配置

    由于TC2和TC3都有可能用到,个人推荐都安装,但是注意必须是先安装的TwinCAT2,然后安装TwinCAT3,如果反了可能两个都没法用(打开TcSwitchRuntime提示Both TwinCA ...

  9. [LeetCode] Combinations——递归

    Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. For exampl ...

  10. DialogFragment创建默认dialog

    代码地址如下:http://www.demodashi.com/demo/12228.html 记得把这几点描述好咯:代码实现过程 + 项目文件结构截图 + 演示效果 前言 在我们项目的进行中不可避免 ...