如何记录 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