发出 AJAX 请求后出现“错误：期待帖子”答案

【问题标题】：'ERROR: Expect post' after making an AJAX request发出 AJAX 请求后出现“错误：期待帖子”
【发布时间】：2020-11-27 17:05:55
【问题描述】：

此表单是通过 AJAX 提交的，但有几个错误阻止了它的工作。如何使用 Chrome 浏览器的控制台来修复它？错误是：

错误：期待帖子。

<button type="button" onclick="alert('Form is broken');">Submit</button>
<h3>Results:</h3>
<div id='results'></div>

var success_callback = function(data) {
  console.log(data);
  $('#results')[0].innerHTML = data;
}

$('button').click(function() {
  $.ajax('ajax.php', {
    data: {
      submission: JSON.stringify({
        prop: $('text_area').val()
      })
    },
    success: success_callback
  });
});

【问题讨论】：

错误是您的服务器告诉您它需要一个 POST 请求到端点，但您正在发送一个 GET。在 AJAX 设置中添加type: 'POST'。
@RoryMcCrossan，谢谢，我知道我需要在代码中的数据上方添加“type: 'POST'”。问题是我如何在 chrome 浏览器控制台中专门执行此操作。谢谢！
你不能。您需要将其应用于所有浏览器的 JS 才能使其正常工作。

标签： javascript jquery google-chrome-console

【解决方案1】：

当您通过 Internet 发送请求时，您需要定义请求方法：Post、Get、Put、Delete。查看 jQuery.ajax 的文档，我发现它对如何填充 ajax 函数有不同的看法。

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    success_callback(msg)
  });

您还应该在异步操作上使用 Promises，以便您的代码更高效地运行。

【讨论】：

谢谢，我知道我需要在代码中的数据上方添加“type: 'POST'”。问题是如何在 chrome 浏览器控制台中专门执行此操作。
您可以将代码复制并粘贴到控制台中，它会运行它