PHP 和 ajax (三)，操作mysql

鲲鹏飞九万里

于 2018-12-23 11:49:50 发布

阅读量329

点赞数

分类专栏： PHP ajax MySQL 文章标签： php

本文链接：https://blog.csdn.net/hefrankeleyn/article/details/85221415

版权

MySQL 同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

PHP

11 篇文章 0 订阅

订阅专栏

ajax

3 篇文章 0 订阅

订阅专栏

php通过ajax读取mysql表中的数据，涉及到三个页面：html页面，js页面，php页面。

完整的内容请看：https://github.com/hefrankeleyn/learning-area/tree/master/003PHP/php-ajax

一、html页面

<body>
    <p>
        <span>Select a User:</span>
        <select name="users" id="users">
            <option value="1">Peter Griffin</option>
            <option value="2">Lois Griffin</option>
            <option value="3">Joseph Swanson</option>
            <option value="4">Glenn Quagmire</option>
        </select>
    </p>
    <p>
        <div: id="txtHint"><b>User info will be listed here.</b></div:>
    </p>
    <script src="mysqlUser.js"></script>
</body>

二、js页面，mysqlUser.js

(function(){
    var cds = document.getElementById("users")
    cds.removeEventListener("change",function(){
        showCD(cds.value);
    });
    cds.addEventListener("change",function(){
        showCD(cds.value);
    });

    var xmlHttp;
    function showCD(str){
        xmlHttp = GetXmlHttpRequestObject();
        if(xmlHttp === null){
            console.log("Browser does not support Http request.");
            return;
        }
        xmlHttp.onreadystatechange = stateChanged;
        var url = generateUrl("mysqlUser.php",str);
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
    }
    // ajax 请求成功，进行的操作
    function stateChanged(){
        if(xmlHttp.readyState==4 || xmlHttp.readyState == "complete"){
            var txtHint = document.getElementById("txtHint")
            txtHint.innerHTML = xmlHttp.responseText;
        }
    }
    // 拼接url，拼接一个随机数，防止使用缓存
    function generateUrl(php_path,str){
        var url = php_path+"?q="+str;
        url += "&sid="+Math.random();
        return url;
    }
    // 获取xmlRequestObject
    function GetXmlHttpRequestObject(){
        var xmlHttp=null;
        try{
            // Fire,Opera 8+, Safari
            xmlHttp = new XMLHttpRequest();
        }catch(e){
            // Internet Explorer
            try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        return xmlHttp;
    }
})();

三、php页面，mysqlUser.php

<?php
    // 建立mysql数据库连接
    function getMysqli($ip,$username,$password,$database){
        $mysqli = new mysqli($ip,$username,$password,$database);
        if($mysqli->connect_errno){
            echo "Failed to connect (".$mysqli->connect_errno."), ".$mysqli->connect_error;
            return "error";
        }
        return $mysqli;
    }
   function selectUsersByid($id){
        $select_str = "select uid,firstname,lastname,age,hometown,job
                       from users where uid=$id";
        // 创建mysqli
        $mysqli = getMysqli($GLOBALS['ip'],$GLOBALS['username'],$GLOBALS['password'],$GLOBALS['database']);
        $select_res = $mysqli->query($select_str);
        if(!$select_res){
            echo echoError($mysqli);
            return;
        }
        // 遍历 查询结果
        for($row_num=0;$row_num<$select_res->num_rows;$row_num++){
            $select_res->data_seek($row_num);
            $rows = $select_res->fetch_assoc();
            foreach($rows as $key=>$value){
                echo "$key : $value <br>";
            }
            echo "*******";
        }
        $mysqli->close();
    }

    $id = $_GET["q"];
    selectUsersByid($id);
?>

鲲鹏飞九万里

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
PHP 和 ajax (三)，操作mysql

php通过ajax读取mysql表中的数据，涉及到三个页面：html页面，js页面，php页面。完整的内容请看：https://github.com/hefrankeleyn/learning-area/tree/master/003PHP/php-ajax一、html页面&lt;body&gt; &lt;p&gt; &lt;span&gt;Sele...
复制链接

扫一扫