如何记录AJAX发布的数据?

时间:2019-06-19 11:16:31

标签: javascript jquery ajax

是否可以记录AJAX发布的URL和数据?我尝试了许多方法,但取得了不同的成功。我感谢您的帮助。我尝试过的代码如下:

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

3 个答案:

答案 0 :(得分:1)

console.log()调用之前写上ajax

顺便说一句,约翰,数据中需要加撇号("john"

答案 1 :(得分: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));
});

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

答案 2 :(得分:0)

在向数据对象添加属性或值时,您可以在函数内部但在ajax上方进行控制台记录。