当前位置: 首页 > 面试题库 >

jQuery AJAX和json格式

麻阳
2023-03-14
问题内容

我有一个期望接收json的Web服务,如下所示:

{"first_name":"test","last_name":"teste","email":"moi@someplace.com","mobile":"+44 22 2222 2222", "password":"testing"}

我在jquery中的ajax调用:

$.ajax({
        type: "POST",
        url: hb_base_url + "consumer",
        contentType: "application/json",
        dataType: "json",
        data: {
            first_name: $("#namec").val(),
            last_name: $("#surnamec").val(),
            email: $("#emailc").val(),
            mobile: $("#numberc").val(),
            password: $("#passwordc").val()
        },
        success: function(response) {
            console.log(response);
        },
        error: function(response) {
            console.log(response);
        }
    });

有什么方法可以检查数据的发送格式?据说我没有将正确的JSON发送到服务器(这是验证的第一步)。

我的jquery代码是否发送有效的JSON或我错过了什么?


问题答案:

您实际上并不是在发送JSON。您正在将对象传递为data,但是您需要对对象进行字符串化,然后传递字符串。

dataType: "json"只告诉jQuery您希望它解析返回的JSON,但这并不意味着jQuery将自动对您的请求数据进行字符串化处理。

改成:

$.ajax({
        type: "POST",
        url: hb_base_url + "consumer",
        contentType: "application/json",
        dataType: "json",
        data: JSON.stringify({
            first_name: $("#namec").val(),
            last_name: $("#surnamec").val(),
            email: $("#emailc").val(),
            mobile: $("#numberc").val(),
            password: $("#passwordc").val()
        }),
        success: function(response) {
            console.log(response);
        },
        error: function(response) {
            console.log(response);
        }
});


 类似资料:
  • 我正在尝试使用Struts 2和jQuery构建Web应用程序。 在改变下拉列表时,我需要从数据库中获取详细信息。在我的< code>struts.xml配置中,我将方法和操作定义如下: 当我在所有相应位置进行更改后执行应用程序时,请求被传递给 类和 DAO 方法,并且控件成功返回到屏幕。但是返回的数据在屏幕上不可用,我收到一条错误消息: url…404未在jQuery中找到(匿名函数)ajax。

  • 我在REST项目(SpringBoot+Hibernate)中生成的JSON响应中有一个日期格式的问题。 当我调用function时,得到的JSON如下所示: 我的实体:

  • 例子: ` { } ` 看图 这也没超出什么位数吧 看了下long的最大是19位 这个是18位 再者说 这json解析没有位数限制吧 不懂 long的长度

  • JSON 数据格式 JSON 是 JavaScript Object Notation 的简称,是一种轻量的数据表示方法。json格式采用key:value的方式记录数据,非常直观,比XML简洁,因而大受欢迎 介绍json格式前,先让我们看看XML格式。显然,XML 得到了相当多的关注(正面和负面的评价都有),已经在 Ajax 应用程序中广泛使用: <request> <firstName>

  • 本文向大家介绍JavaScript格式化json和xml的方法示例,包括了JavaScript格式化json和xml的方法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考,具体如下: 格式化json实例 这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/cod

  • 我正在尝试使用JQuery在Ajax中向请求添加头。 以下是代码:- 然后我使用了要求(要求是chrome火狐插件,我们可以手动添加一个标题到请求)。 手动添加标题后:- 在这两个pics请求头中,“ACCESS-CONTROL-request-HEADERS”中都有x-auth-token,但第二个pic中有“x-auth-token”头和头值,而第一个pic中没有。 所以我的问题是如何使用JQ