使用AJAX發布表單

Question

誰能幫我使用Ajax發送以下表格嗎？ 我想要的只是將其發送到traffic1.php頁面進行處理，沒有回電或類似的東西。 基本上復制表單，但是使用Ajax發送該表單，因此該頁面不會轉到手推車1.php頁面。 我嘗試了很多方法，但未能做到這一點。 比爾·蓋茨或史蒂夫·沃茲尼亞克如果您正在閱讀此書，請幫助

這給了我一個控制台$ .Ajax不是控制台中的函數

<script>
$(document).ready(function(){
$('form').submit(function(event){
event.preventDefault();

var form_data = $(this).serialize();   
$.ajax({ 
    url: "trolley1.php",
    type: "POST",
    dataType:"json", 
    data: form_data
}).done(function(data){ 
    alert("Item added to Cart!"); 
    }
});
});
</script>

<?php
echo "
<div class='col-sm-3 mt-5'>
<form class='ajax' method='post' action='trolley1.php?action=add&id=$id'>
  <div class='products'>
      <a>$img</a>
      <input type='hidden' name='id' value='$id'/>
      <input type='hidden' name='name' value='$product'/>
      <input type='hidden' name='price' value='$price'/>
      <input type='text' name='quantity' class='form-control' value='1'/>
      <input type='submit' name='submit' style='margin-top:5px;' class='btn btn-info'
             value='Add to Cart'/>      
  </div>
</form>

Answer 1

您的JS代碼中有一個語法錯誤-查看正確的代碼

$(document).ready(function(){
    $('form').submit(function(event){
        event.preventDefault();

        var form_data = $(this).serialize();   
        $.ajax({ 
            url: "trolley1.php",
            type: "POST",
            dataType:"json", 
            data: form_data
        }).done(function(data){ 
            alert("Item added to Cart!"); 
        });
    });
});

而且您正在使用jQuery作為其他javascript庫。 jQuery使用$來訪問方法（例如$.ajax ），這就是為什么未定義為錯誤的原因。

因此，您需要首先在頁面開頭（在<head>內部）加載庫。 例如直接從他們的CDN

<script src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>

那它應該對你有用

使用AJAX發布表單

問題描述

1 個解決方案

解決方案1
0 已采納 2018-06-24 14:35:32

使用AJAX發布表單

問題描述

1 個解決方案

解決方案1 0 已采納 2018-06-24 14:35:32

解決方案1
0 已采納 2018-06-24 14:35:32