如何记录 AJAX 发布的数据？

Question

有没有办法记录 AJAX 发布的 URL 和数据？ 我尝试了很多方法，但结果喜忧参半。 我感谢您的帮助。 我试过的代码如下：

$.ajax({
  type: 'POST',
  url: 'mylink',
  data: {
    id: 123, 
    name: John
  },
  dataType: 'json',
  error: function(req, err) { 
    console.log('my data' + url + data); 
  }
});

Answer 1

在ajax调用之前编写console.log() 。

顺便说一句，约翰，在数据中需要撇号（ "john" ）

Answer 2

您无法从 $.ajax 调用中取回这些值，它不会创建包含该信息的对象。 所以你需要自己创造这种能力。 简化此操作的一种方法是在实际函数调用之外定义 AJAX 选项，并将它们分配给一个变量，您可以重用该变量并记录以下值：

var ajaxOptions = {
    type: 'POST',
    url: 'mylink',
    data: {id:123, name: "John"},
    dataType: 'json'
}
console.log('my data: ' + ajaxOptions.url + ' ' + JSON.stringify(ajaxOptions.data));
$.ajax(ajaxOptions);

该示例每次都在 AJAX 调用开始之前记录数据。 您当然可以选择仅在出现错误时才进行日志记录，类似于您的原始版本：

$.ajax(ajaxOptions).fail(function(jqXHR, textStatus, errorThrown) {
  console.log('my data: ' + ajaxOptions.url + ' ' + JSON.stringify(ajaxOptions.data));
});

您可能还想同时考虑记录错误信息...

Answer 3

在向数据对象添加属性或值时，您可以在函数内部但在 ajax 之上进行 console.log