Question

我正在尝试使用ajax发送数据。如何查看数据中发送的内容？我不想在服务器端检查，但我想测试它，例如在firebug或alert中。我想看看数据如何输出，服务器端开发人员将使用这个ajax获得什么？此order是一个字符串，其数字以逗号1,5,6,8分隔：

$.ajax({
  type: 'POST',
  url: 'server file url',
  data: '{itemOrder: \'' + order + '\'}',
  contentType: 'application/json; charset=utf-8',
  dataType: 'json',
  success: function () {
  alert("success");
},
       error: function (xhr, status, error) {
  alert(status);
  alert(xhr.responseText);
}
});

Answer 1

使用chrome dev工具中的网络工具：

LINK 右键单击顶部栏并选择TYPE，您应该看到json请求并发送...

看看Paul irsh和Addy Osamni提供的Chrome开发工具视频： FIRST VID

如果你登录控制台“订单”var它会在控制台中转储它试图成功的内容。另一种方法是从ajax调用中创建一个函数，然后在控制台中回显整个函数。

 $.ajax({
                 type: 'POST',
                 url: 'server file url',
                 data: '{itemOrder: \'' + order + '\'}',
                 contentType: 'application/json; charset=utf-8',
                 dataType: 'json',
                 success: function () {
                     alert("success");
console.log(order);
                 },
                 error: function (xhr, status, error) {
                     alert(status);
                     alert(xhr.responseText);
                 }
             });

Answer 2

您可以指定var dataToSend等于您准备发送的内容，并在您的ajax调用之前通过console.log(dataToSend)或alert(dataToSend)输出。然后在你的电话中，把它放在你以前的地方：

        $.ajax({
             type: 'POST',
             url: 'server file url',
             data: dataToSend,
             contentType: 'application/json; charset=utf-8',
             dataType: 'json',
             success: function () {
                 alert("success");
             },
             error: function (xhr, status, error) {
                 alert(status);
                 alert(xhr.responseText);
             }
         });

你可以这样分配变量：

var order = [1, 5, 6, 8];
var dataToSend = "{itemOrder:'" + order + "'}";
console.log(dataToSend);

Answer 3

您可以使用每个浏览器中提供的开发人员工具。在Chrome中，右键单击顶部菜单，然后在弹出的菜单中选择开发者工具。在使用开发人员工具时选择控制台，然后在Ajax的成功功能中调用console.log()您的数据

Answer 4

只需知道您不必console.log或alert，就可以根据需要执行此操作，但是可以在开发人员的“网络”选项卡中检查发送到服务器的内容工具。查看屏幕截图：

选择您的ajax调用，然后单击标头，然后在请求有效负载中单击查看源以查看发送的确切json对象。

Ajax检查发送数据

4 个答案: