AJAX調用不起作用-PHP，MySQL，jQuery / Ajax

Question

我有以下問題：

我想要完成的是：

• 用戶單擊提交/圖像類型按鈕
• Ajax調用處理提交，調用另一個PHP腳本以更新MySQL表中的記錄，所有這些都無需重新加載頁面（顯然）

我的PHP代碼在沒有AJAX的情況下運行良好，因為它將重新加載並更新記錄。 但是以某種方式ajax調用無法正常工作和/或返回任何錯誤。

我的代碼：

  $(function() { $('#like_form').submit(function(event) { event.preventDefault(); // Preventing default submit button var formEl = $('#like_form'); var submitButton = $('input[type=submit]', formEl); $.ajax({ async: true, type: 'POST', url: formEl.prop('action'), accept: { javascript: 'application/javascript' }, beforeSend: function() { submitButton.prop('disabled', 'disabled'); } }).done(function(data) { submitButton.prop('disabled', false); $("#like").fadeOut(); $("#like").fadeIn(); }); }); }); 

 <!-- LIKE een gebruiker --> <form action="" id="like_form" method='POST' enctype="multipart/form-data"> <input onmouseover="this.src='img/heart2.png'" onmouseout="this.src='img/heart.png'" name='like' id="like" src='img/heart.png' type="image" /> </form> 

我的PHP（以防萬一）：

 <?php include_once "dbconnection.php"; //if like button (submit button) clicked if ($_POST){ $conn = DatabaseConnection::getConnection(); $sql = "UPDATE dating_members SET likes = likes + 1 WHERE member_id = 3"; $stmt = $conn->prepare($sql); $stmt->execute(); } ?> 

Answer 1

我弄清楚問題出在哪里，有點愚蠢，我沒注意到，但是遲到總比不到好。

我必須在PHP頁面的末尾“包含” JS腳本，才能捕獲onsubmit函數，因此禁用了默認事件，也就是提交按鈕，將我的表單和頁面重新加載/ POST提交到另一個PHP文件。

現在一切都很好