Ajax检查发送数据

时间:2013-12-11 15:48:36

标签: ajax jquery

我正在尝试使用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);
}
});

4 个答案:

答案 0 :(得分:2)

使用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);
                 }
             });

答案 1 :(得分:1)

您可以指定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);

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

enter image description here

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