如何记录 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 调用中取回这些值，它不会创建包含该信息的对象。所以你需要自己创造这种能力。简化此操作的一种方法是在实际函数调用之外定义 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 2

写console.log()在ajax调用之前。顺便说一句，约翰，在数据中需要撇号 ( "john")

Answer 3

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