sql >> データベース >  >> RDS >> Mysql

mysqlデータベースをinnerhtmlのajaxとphpで更新するにはどうすればよいですか?

    これが良い例 です。 、SELECTが表示されます ステートメントですが、スクリプトを必要なものに更新するのは簡単で簡単なはずです。

    サンプルページのHTML:

    <html>
        <head>
            <script src="selectuser.js"></script>
        </head>
        <body>
    
            <form> 
                Select a User:
                <select name="users" onchange="showUser(this.value)">
                    <option value="1">Peter Griffin</option>
                    <option value="2">Lois Griffin</option>
                    <option value="3">Glenn Quagmire</option>
                    <option value="4">Joseph Swanson</option>
                </select>
            </form>
    
            <p>
            <div id="txtHint"><b>User info will be listed here.</b></div>
        </p>
    
    </body>
    </html>
    

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

    Ajaxによって呼び出されるPHP:

    <?php
    $q = $_GET["q"];
    
    $con = mysql_connect('localhost', 'peter', 'abc123');
    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 "<table border='1'>
        <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
        <th>Hometown</th>
        <th>Job</th>
        </tr>";
    
    while ($row = mysql_fetch_array($result)) {
        echo "<tr>";
        echo "<td>" . $row['FirstName'] . "</td>";
        echo "<td>" . $row['LastName'] . "</td>";
        echo "<td>" . $row['Age'] . "</td>";
        echo "<td>" . $row['Hometown'] . "</td>";
        echo "<td>" . $row['Job'] . "</td>";
        echo "</tr>";
    }
    echo "</table>";
    
    mysql_close($con);
    
    ?>
    


    1. mysqlで複数の句を使用して行を操作する

    2. log-slow-queriesのMySQLLongQuery時間値を変更または設定する

    3. 最大日付で記録をとる

    4. PHPキャッシングSQLの結果