Eseguire PHP funzione di immagine onClick senza caricare la pagina

Ho questo codice HTML. Voglio fare clic sull’immagine ed eseguire il codice PHP senza caricare la pagina PHP. Esso verrà eseguito in background e aggiornamento archiviato nel database.

Come posso fare questo in modo affidabile senza caricare la pagina PHP?

Se ho bisogno di usare forma, come posso usarlo qui? Ho provato ma non è riuscito.

codice html

<table>
<td align="center">
        <div class="round-button">
            <a href="viewStatus.php">
                <img name="myImg" src="images/City.png" alt="Home" />
            </a>
        </div>
    </td>
</table>

codice php

<?php

    $connection = mysqli_connect("localhost", "root", "");
    if (!$connection) {
        die("Error: " . mysqli_error());
    }

    $db_select = mysqli_select_db($connection, "myimageda");
    if (!$db_select) {
        die("Error: " . mysqli_error());
    }
    mysqli_query($connection, "UPDATE `myDB` SET `state`=1 WHERE `id` = 1");

    ?>
  • È necessario inviare una richiesta ajax. Non si può chiamare funzioni PHP direttamente dal lato client
  • Spiacente, la terrò a mente
InformationsquelleAutor | 2014-09-03

 

4 Replies
  1. 2

    qui è la vostra risposta in un semplice modo più semplice e

    HTML

    <table>
    <td align="center">
            <div class="round-button">
                <a href="#" onClick=rec('USE ANY VALUE HERE FOR IDENTITY')>
                    <img src="images/City.png" />
                </a>
            </div>
        </td>
        ....
    </table>

    quindi utilizzare javascript per chiamare la funzione

    <script type="text/javascript">
        function rec(id) {
           $('#newCode').load('viewStatus.php?id=' + id);
        }        
    </script>

    e scrivi il tuo PHP codice come di seguito

    <?php
    
        $connection = mysqli_connect("localhost", "root", "");
        if (!$connection) {
            die("Error: " . mysqli_error());
        }
    
        $db_select = mysqli_select_db($connection, "myimageda");
        if (!$db_select) {
            die("Error: " . mysqli_error());
        }
        $ver = 'YOUR IDENTITY';
        if($ver == CONDITION) {
           mysqli_query($connection, "UPDATE `myDB` SET `state`=1 WHERE `id` = 1");
        }
        else {
        ...
        }
        ...
        ?>
    • Le sue opere! grazie !
  2. 2

    Di solito, io uso qualcosa di simile a questo:

    <table>
    <td align="center">
            <div class="round-button">
                <a href="viewStatus.php">
                    <img name="myImg" src="images/City.png" alt="Home" onClick='Func'/>
                </a>
            </div>
        </td>
    </table>
    
    
    
    <script type="text/javascript">
        function Func() {
    
            $.ajax({
                type: "GET",
                url: "file.php",
                success:function(json){}, error:function(){}
            }) 
        }
    </script>
    • onClick='Func' mancanti ()
    • A destra, la sintassi corretta è onClick=”Func()”
  3. 1

    Php può essere eseguito sulla macchina client, quindi, si dovrebbe utilizzare ajax per tale scopo. l’invio dei dati tramite ajax su una pagina php ed eseguire il codice nella base di dati.

    usare qualcosa di simile a questo

     <img name="myImg" src="images/City.png" alt="Home" id="img" />
    
         $("#img").click(function(e){
           $.ajax({
                  type:'post',
                  data:q,
                  url:'ajaxData.php',
                  beforeSend: function(){
                        $("#msg").text("sending request to server...");
                  },
                  complete:function (){
                        $("#msg").text("request received and loaded");
                  },
                  success:function(result, textStatus, jqXHR) {     
                        $("#ajaxnotifier").html(result);
                  },
                  error: function(jqXHR, textStatus, errorThrown){
                    alert(errorThrown);
                  }
             })
         })

    Si può controllare il tutorial ajax

Lascia un commento