首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery未正确序列化ajax调用中的json

jquery未正确序列化ajax调用中的json
EN

Stack Overflow用户
提问于 2013-03-04 18:32:32
回答 2查看 316关注 0票数 0

首先我要说的是,我对Javascript并不是非常熟悉,我不知道这里发生了什么。

我有以下功能:

代码语言:javascript
运行
AI代码解释
复制
        self.search = function () {

            var searchTerms = {
                "City":  this.cityName,
                "State": this.stateName,
                "StoreNumber": this.storeNumber,
                };                


                $.ajax("/api/SearchApi", {
                    data: searchTerms,
                    type: "POST", contentType: "application/json",
                    success: function (result) {
                        alert(result);                            
                        }
                    }
                });

当我提交时,它并没有像预期的那样提交一个很好的JSON对象,而是提交了一个格式为:"City=testing&State=AL&StoreNumber=test "的JSON对象

理想情况下,我希望使用GET方法将对象传递给服务器,这样我就可以返回结果,但是当我使用get方法时,它只是将上面的内容附加到API调用url中,从而产生一个URL请求,格式为:http://localhost:57175/api/SearchApi?City=testing&State=AL&StoreNumber=test

任何帮助都将不胜感激。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-04 18:36:56

确保将JSON的dataType添加到$.ajax({ });对象中。这应该可以解决问题了!

代码语言:javascript
运行
AI代码解释
复制
$.ajax({ 
    // ...

    data     : JSON.stringify( searchTerms ), // Encode it properly like so
    dataType : "json", 

    // ...
});
票数 2
EN

Stack Overflow用户

发布于 2013-03-04 18:48:25

2件事

  1. 将json内容类型(而不是数据类型)添加到ajax对象中需要注意的是您的服务器正在使用的字符集,在本例中为utf-8。
  2. 在发送和检索Json时使用Json2库对其进行字符串化和解析可在以下位置找到:https://github.com/douglascrockford/JSON-js/blob/master/json2.js

$.ajax({ url: URL,type:"POST",//限定发送的数据以保证其正确编码的数据:JSON.stringify(数据),//这是发送数据的类型contentType:‘应用程序/json;字符集=utf-8’,//这是你收到的数据dataType:"json“}).done(function( data ) { var dataYouGet = JSON.parse( data );}).fail(function(xhr,ajaxOptions,thrownError) { }).always(function(data) { });

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15208519

复制
相关文章
jQuery解析ajax 返回的json
一、controller /** * 检查预订开始时间和结束时间的合法性 * @param startTime * @param endTime * @return */ @RequestMapping(value = "checkTime") @ResponseBody public String checkTime(String startTime, String endTime) { int space=Time
week
2018/08/24
2.4K0
Jquery和PHP Ajax JSON
本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。
Java架构师必看
2021/03/22
1.5K0
JSON基础、原生的ajax及JQuery.ajax
(1)从服务器上读取JSON数据,将json数据转化成js对象,然后在网页中使用数据
申小兮
2023/04/19
9120
JSON基础、原生的ajax及JQuery.ajax
jQuery中的Ajax
相同点: 都是将数据提交到远程服务器 不同点: 1. 提交数据存储的位置不同 GET请求会将数据放到URL后面 POST请求会将数据放到请求头中 2. 提交数据大小限制不同 GET请求对数据有大小限制 POST请求对数据没有大小限制
不愿意做鱼的小鲸鱼
2022/08/24
1.3K0
JQuery处理json与ajax返回JSON实例
json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法。 JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。  “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]。 很多情况下是对象数组,那就是这样: [{“AreaId”:”123”},{“AreaId
joshua317
2018/04/10
2.9K0
jQuery中的ajax处理json三种方法
#### 以上这种使用的$.parseJson()把字符串解析为JavaScript对象,但是比eval()更安全 ####
静心物语313
2020/03/24
2.7K0
三、jQuery中的Ajax
.get(url,[data],[callback],[type])与.post(url,[data],[callback],[type])
Dreamy.TZK
2020/08/24
3.9K0
三、jQuery中的Ajax
jQuery+ajax解析json数据渲染
参考:ajax和axios请求本地json数据对比 https://www.jianshu.com/p/4b9cb79fedd5
王小婷
2019/05/15
2.5K0
jQuery+ajax解析json数据渲染
JQuery ajax调用asp.net的webMethod
在vs2010中,用JQuery ajax调用asp.net 2.0的  webMethod 方法时,怎么都调不出来,原来和3.5 有点出入。
跟着阿笨一起玩NET
2018/09/19
2.2K0
JQuery ajax调用asp.net的webMethod
JQuery ajax调用asp.net的webMethod
本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html
跟着阿笨一起玩NET
2018/09/19
2.1K0
JavaEE 使用 JQuery 完成 ajax & json 数据的传输
JSONobj 需要的同学,需要 mysql 驱动的,我已经上传至 Github,里面也整理了一些我学习会常用到的 jar包 Jar 包下载链接
Gorit
2021/12/08
1.6K0
JavaEE 使用 JQuery 完成 ajax & json 数据的传输
jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法
http://www.w3school.com.cn/jquery/ajax_ajax.asp
一个会写诗的程序员
2018/08/17
14.5K0
js中的ajax和jquery中的ajax学习笔记
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/100806.html原文链接:https://javaforall.cn
全栈程序员站长
2022/06/30
2.7K0
js中的ajax和jquery中的ajax学习笔记
jQuery 中的 Ajax 方法(节选)
$.ajax() 基本用法: $.ajax({ url: url, // 地址 data: data, // 参数 type: 'POST', // 提交方式 可以选择 post/get 推荐 post async: false, // 同步异步 dataType: 'json', // 返回数据
Leophen
2019/08/23
8370
jquery中ajax的使用(java)
AJAX方式 js:界面 var prjContextPath='<%=request.getContextPath()%>'; $(document).ready(function(){ //===============GET============================== $("#username").blur(function(){ $.ajax({ type: "GET", url: pr
HUC思梦
2020/09/03
1.4K0
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新。
全栈程序员站长
2022/08/29
1.7K0
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jQuery序列化表单为JSON对象
<form id="myform"> <table> <tr> <td>姓名:</td> <td> <input type="text" name="name" /> </td> </tr> <tr> <td>性别:</td> <td>
代码伴一生
2021/09/19
8730
jQuery中调用JSON和XML数据--jQuery基础知识点(6)
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
6570
jquery中ajax参数详解
title: $.ajax参数详解 date: 2017-04-08 15:25:57 tags: ajax categories: ajax
念念不忘
2019/03/29
2.1K0
jquery ajax中success中的跳转问题
注意起来一个情况:ajax+submit+同步—-就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。
全栈程序员站长
2022/07/01
1.4K0

相似问题

ajax响应(JSON)未正确调用函数

10

PHP未正确返回AJAX调用的JSON

31

jQuery AJAX GET请求未正确调用

32

未正确生成jQuery + Coffeescript的AJAX调用

13

JQuery Ajax POST调用未正确发送参数

111
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文