簡體   English   中英

SQL查詢不刷新

[英]SQL query without refresh

我已經閱讀了所有相關的發布內容,觀看過的視頻以及閱讀了教程……但是我仍然無法弄清楚。 我只想運行mysqli_query插入而無需刷新。

沒有輸入,沒有變量,只是沒有刷新的預定義sql插入。

這是主要文檔:

<html>
    <head>
        <script src="inc/scripts/jquery-1.11.3.min.js"></script>
        <script>


                $("#click").click( function()
            {
                $.ajax({
                url: "click.php",
                type: 'POST',
                success: function(result) { 
                //finished
            }
            });
            });

        </script>
    </head>
    <body>
        <input type="button" id="click" value="Click">
    </body>
</html>

Click.php(已獨立測試):

<?php 
$db = mysqli_connect("localhost","root","","mytable") 
or die("Error " . mysqli_error($db));

mysqli_query($db,"INSERT INTO items VALUES 
('','test','test','total test','test','test','test','test')");
?>  

這讓我發瘋了……我已經閱讀了教程,並觀看了許多有關Ajax的視頻……但是我無法弄清楚。 感謝您的任何建議。

要刷新頁面的一部分,您必須將成功函數綁定到html中的div,因此添加具有ID的div

<div id="myDiv"></div>

接着

$('#like$id').click(function()
    {
    $.ajax({
    url: 'inc/scripts/liker_ajax.php?like=$id',
    type: 'GET',  
    success:function(result){   
       $('#like$id').addClass('green');  
       $('#dislike$id').removeClass('red');    
       $('#myDiv').html(result); 
    } 
    });
    }); 

您正在綁定事件$('#click').click()然后綁定一個元素(因為尚未加載$('#click') )。

只需將帶有單擊綁定事件的<script>標記移動到輸入按鈕下方的<body> ,它將按預期工作。

您可能還希望將jQuery文檔包裝好,例如:

$(function() {

});

確保它在DOM准備就緒時運行。

嘗試這個。

<html>
    <head>
        <script src="inc/scripts/jquery-1.11.3.min.js"></script>
        <script>


                function runAjax()
            {
                $.ajax({
                url: "click.php",
                type: 'POST',
                success: function(result) { 
                //finished
            }
            });


        </script>
    </head>
    <body>
        <input type="button" id="click" onclick="runAjax()" value="Click">
    </body>
</html>

當元素還不存在時,將事件綁定到元素。 您在這里有2個選項。

  • 將您的腳本塊移到元素之后body標記的末尾。
  • 將您的代碼放在$(document).ready(function() { // your code here });下的腳本塊內$(document).ready(function() { // your code here });

如果存在任何錯誤,也可以使用開發人員工具下的控制台選項卡查找根本原因。

暫無
暫無

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

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