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

【问题标题】：How to use ajax Php post method with Jquery?如何在 Jquery 中使用 ajax Php post 方法？
【发布时间】：2019-12-30 15:52:24
【问题描述】：

如何在 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

【问题讨论】：

欢迎来到 Stack Overflow。您的代码中似乎有语法错误。请描述您在控制台中遇到的错误，以及您是否在“网络”选项卡中看到任何正在发送/接收的数据。
感谢您的态度。我正在尝试使用 Ajax、Jquery 和 Php 创建一个登录表单。我正在关注 youtube 的视频教程。我已经编写了与该视频类似的所有代码。在视频中，此代码有效，但对我无效。我想要一个解决方案
我会鼓励您再次查看视频或更新您的帖子并包含一个最小的、可重现的示例：stackoverflow.com/help/minimal-reproducible-example

标签： php jquery ajax post methods

【解决方案1】：

来自ajax jquery 文档。你可以看看如何发送ajax请求。

为您的问题。你可以这样做：

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

【讨论】：

FWIW，操作中提到 $.post()、$.ajax() 也可以，但方法签名非常不同

【解决方案2】：

欢迎来到 Stack Overflow。在查看您的代码后，我确实看到了一些具体问题，并且您没有说明您遇到任何错误。考虑以下改进：

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

当您尝试收集值时，您没有使用正确的 jQuery 语法。您的变量将不包含正确的内容。

同时检查您的浏览器网络控制台以查看发送和接收的负载。

【讨论】：