ajax调用成功或错误函数无法执行答案

【问题标题】：ajax call succes or error functions wont executeajax调用成功或错误函数无法执行
【发布时间】：2021-11-05 14:07:52
【问题描述】：

这个ajax 调用不会执行成功或错误函数。调用本身有效。

function myFunction() {
  var Temp = document.getElementById("inputTemp").value;
  var Light = document.getElementById("inputLight").value;
  alert("Submitted");

  $.ajax({
    url: "Collector.php",
    type: "POST",
    data: {
      inputTemp: Temp,
      inputLight: Light
    },
    success: function() {
      alert("yes");
    },
    error: function() {
      alert("no");
    }
  });
}

【问题讨论】：

您的页面中是否包含 jquery.js？你的控制台的输出是什么？ myFunction 真的在你的程序中被调用了吗？
这个 js 文件包含在另一个包含 jquery.js 的 html 文件中。控制台上没有输出，在 html 文件中调用了 MyFunction。 post 函数工作得很好，它只是成功或错误函数
devtools中的network标签里有没有东西告诉你POST请求发生了什么？
alert("Submitted"); 被处决了吗？
@Kristian alert("Submitted") 确实被执行了

标签： javascript jquery ajax

【解决方案1】：

需要在ajax调用中设置数据类型为json。

添加dataType:'json'

$.ajax({
        url:"Collector.php",
        type:"POST",
        dataType:'json',
        data:{
            inputTemp: Temp,
            inputLight: Light
        },
        success:function(){
            alert("yes");
        },
        error:function(){
            alert("no");
        }
      })

【讨论】：