簡體   English   中英

如何在javascript中獲取php echo結果

[英]How to get php echo result in javascript

我在從數據庫檢索數據的服務器上有php文件。

<?php
$servername = "myHosting";
$username = "myUserName";
$password = "MyPassword";
$dbname = "myDbName";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT id, name, description FROM tableName;";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    $row_number = 0;
    while($row = $result->fetch_assoc()) {
        $row_number++;
        echo $_GET[$row_number. ";". $row["id"]. ";". $row["name"]. ";". $row["description"]. "<br>"];
    }
} else {
    echo "0 results";
}
$conn->close();
?>

不幸的是,我不知道如何使用JavaScript從php文件接收數據。 我希望javascript中的腳本在瀏覽器的控制台中顯示接收到的數據。

用javascript編寫的腳本是我的瀏覽器擴展程序(tampermonkey)中的Userscript,而php文件在我的服務器上。 不幸的是,我嘗試使用Ajax,但沒有取得積極的結果。 (PHP腳本按預期工作)。

JS(不起作用):

    $.ajax({
        url: 'https://myserver.com/file.php', 
        type: 'POST',
        success: function(response) {
            console.log(response);
        }
    }); 

循環中的代碼有些麻煩

$_GET[$row_number. ";". $row["id"]. ";". $row["name"]. ";". $row["description"]. "<br>"]

這表明一個非常奇怪的查詢字符串參數,我認為這不是預期的。

相反,也許像這樣嘗試:

<?php

    $servername = 'myHosting';
    $username = 'myUserName';
    $password = 'MyPassword';
    $dbname = 'myDbName';
    $conn = new mysqli($servername, $username, $password, $dbname);

    if( $conn->connect_error ) {
        die( 'Connection failed: ' . $conn->connect_error );
    }

    $sql = 'select `id`, `name`, `description` from `tablename`;';
    $result = $conn->query($sql);

    if( $result->num_rows > 0 ) {

        $row_number = 0;

        while( $row = $result->fetch_assoc() ) {
            $row_number++;
            /* print out row number and recordset details using a pre-defined format */
            printf(
                '%d;%d;%s;%s<br />',
                $row_number,
                $row['id'],
                $row['name'],
                $row['description']
            );
        }
    } else {
        echo '0 results';
    }

    $conn->close();
?>

一個完整的示例,說明您的ajax代碼如何與db交互。 該示例頂部的php代碼是模擬您的遠程腳本-查詢或多或少與您自己的腳本相同,並且javascript只是稍作修改...如果您要自行更改sql查詢,則應該上班...

<?php

    error_reporting( E_ALL );
    ini_set( 'display_errors', 1 );

    if( $_SERVER['REQUEST_METHOD']=='POST' ){
        ob_clean();

        /* emulate the remote script */
        $dbport =   3306;
        $dbhost =   'localhost';
        $dbuser =   'root';
        $dbpwd  =   'xxx';
        $dbname =   'xxx';

        $db = new mysqli( $dbhost, $dbuser, $dbpwd, $dbname );      
        $sql= 'select `id`, `address` as `name`, `suburb` as `description` from `wishlist`';


        $res=$db->query( $sql );
        $row_number=0;

        while( $row=$res->fetch_assoc() ){
           $row_number++;

            /* print out row number and recordset details using a pre-defined format */
            printf(
                '%d;%d;%s;%s<br />',
                $row_number,
                $row['id'],
                $row['name'],
                $row['description']
            );
        }


        exit();
    }
?>
<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8' />
        <script src='//code.jquery.com/jquery-latest.js'></script>
        <title>Basic Ajax & db interaction</title>
        <script>
            $( document ).ready( function(){
                $.ajax({
                    url: location.href, 
                    type: 'POST',
                    success: function( response ) {
                        console.log( response );
                        document.getElementById('out').innerHTML=response;
                    }
                }); 
            } );
        </script>
    </head>
    <body>
        <div id='out'></div>
    </body>
</html>

嗨,您可以這樣操作:

您的php腳本:

if (isset($_POST["action"])) {
        $action = $_POST["action"];
        switch ($action) {
            case 'SLC':
                if (isset($_POST["id"])) {
                    $id = $_POST["id"];
                    if (is_int($id)) {
                        $query = "select * from alumni_users where userId = '$id' ";
                        $update = mysqli_query($mysqli, $query);
                        $response = array();
                        while($row = mysqli_fetch_array($update)){
                        .......
                        fill your response here

                        }
                       echo json_encode($response);
                    }
                }
                break;

        }
    }

其中action是要執行的命令SLC,UPD,DEL等,而id是參數

然后在你的ajax中:

function getdetails() {
    var value = $('#userId').val();
   return $.ajax({
        type: "POST",
        url: "getInfo.php",
        data: {id: value}
    })

}

這樣稱呼它:

getdetails().done(function(response){
var data=JSON.parse(response);
if (data != null) {
//fill your forms using your data
}
})

希望能幫助到你

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM