如何在 Jquery 中使用 ajax Php post 方法？

Question

如何在 Jquery 中使用 ajax Php post 方法？

//以jquery開頭的ajax

$(document).ready(function(){
    $("#sbBtn").click(function(){
             var userFname=("input#fname").val();
             var userLname=("input#lname").val();

                $.post("savedata_core.php",{uFname:userFname, uLname:userLname}, function(allData){

                   alert(allData);
               });
     });
});

php 文件： savedata_core.php

Answer 1

來自ajax jquery文檔。 你可以看到如何發送ajax請求。

對於你的問題。 你可以這樣做：

$.ajax({
  method: "POST",
  url: "savedata_core.php",
  data: { uFname:userFname, uLname:userLname }
}).done(function( allData) {
    alert( allData);
  });

Answer 2

歡迎使用堆棧溢出。 在查看您的代碼后，我確實看到了一些具體問題，但您並未說明遇到任何錯誤。 考慮以下改進：

$(function() {
  $("#sbBtn").click(function(e) {
    e.preventDefault();
    $.post("savedata_core.php", {
      uFname: $("#fname").val(),
      uLname: $("#lname").val()
    }, function(data) {
      console.log(data)
    });
  });
});

當您嘗試收集值時，您沒有使用正確的 jQuery 語法。 您的變量不會包含正確的內容。

還要檢查您的瀏覽器網絡控制台以查看發送和接收的有效負載。