Ajax传递字典或数组类型的方法

最新推荐文章于 2021-12-23 17:40:21 发布
最新推荐文章于 2021-12-23 17:40:21 发布
阅读量2.5k 收藏 2
点赞数
分类专栏： 开发练习 学习总结 文章标签： ajax 字典 传参
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyj1129734685/article/details/91983527
版权

在进行前端开发事要使用ajax请求向后端接口传递参数，参数类型包括字典类型

一开始在data中直接使用“detail”：{'10':8}传递，结果在接口请求中的detail参数变成detail['10']:8，显然不是想要的结果

后查资料后发现ajax传递数组类型时需要转换成json字符串，使用JSON.stringify(要传递的字典)来进行传递

代码

要注意的是，我一开始要传的字典的key值是有引号的，使用JSON.stringify方法后会对字典的key再加一层双引号，所以在传递字典时要注意传递字典的key

 

zyj1129734685
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端字典的使用
与海
06-13 2098
案例:检查处理 detection_handle 分析 1.3 数据来源分析 思考: detection_handle是来自哪??? 代码 在main.js文件中(了解即可) 在dict.js文件中(了解即可) data.js文件(了解即可) 2. 页面查询结果展示 2.1 页面展示 分析........................
ajax不能传字典,用Ajax传递dict的dict
weixin_28989315的博客
08-05 455
我在做一个在Django上运行的网站。我需要使用Ajax将数据从Javascript传递到Python代码。在我的代码是：// Javascript filefunction myFunc() {{...} // Generate var 'values' which is a dict of dict {{},{}...}console.log(JSON.stringify(values));$...
ajax 提交Dictionary＜string, string＞或 Dictionary＜string, string＞用法(.net)
ztan
12-23 775
某些情况下我们希望后台接口接收到的数据为字典对象已方便使用，这时就要求前端传递必须传递相关的数据结构数据（如下图对象） 字典对象其实就是 key与value的形式即 {key:value},提交时将整个对象JSON.stringify 转成字符串 C# 后端接口接收 [HttpPost, ValidateInput(false)] public JsonResult PostProduct([System.Web.Http.FromBody]AddProductModel input) {
解析数据传参数字典类型的（传服务器上是文本）
CornerAndCorner的博客
06-23 1113
[manager.requestSerializer setValue:@"application/x-www-form-urlencoded" forHTTPHeaderField:@"Content-Type"];  manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"app
Ajax
defending的博客
08-31 325
什么是json？ 定义： JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
jQuery调用Webservice传递json数组的方法|angluo-javascript-159330.pdf
10-21
jQuery调用Webservice传递json数组的方法...通过上述内容，可以了解到使用jQuery调用WebService传递JSON数组的具体方法，包括前端的$.ajax配置和后端的处理逻辑，以及在过程中需要注意的数据类型匹配、异常处理等问题。
ajax异步读取后台传递回的下拉选项的值方法
10-18
### AJAX异步读取后台传递回的下拉选项的值方法 #### 知识点说明： 1. **AJAX技术介绍** AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。通过在后台与...
ASP.NET中MVC从后台控制器传递数据到前台视图的方式
10-25
1. 使用ViewBag、ViewData或TempData对象进行数据传递。这三种对象都可以在控制器中设置数据，在视图中进行读取。ViewBag是dynamic类型，使用起来更加方便；ViewData是字典类型，需要按照键值对的方式访问数据；...
关于使用json传递数据给客户端的例子
03-10
它的基本数据类型包括字符串、数字、布尔值、数组、对象和null。在JavaScript中，JSON与对象几乎是一一对应的，这使得JSON成为JavaScript与服务器交互的理想选择。 在服务端，我们通常使用编程语言如Python（使用...
js排序脚本
07-22
1. **自定义排序逻辑**：针对数字、日期或其他复杂类型，提供合适的比较函数，避免了字符串比较的误差。 2. **性能优化**：原生`sort()`对于大型数组可能会有性能问题，`sort.js`可能实现了更高效的排序算法，如快速...
ajax 取字典,使用来自Ajax Repsonse的嵌套值浏览Python字典
weixin_39531229的博客
08-06 302
我正在尝试从网站访问作为ajax响应嵌套的一些值.一切都作为一条巨大的线路输出,我无法向下导航.但是,为了让您大致了解它的外观,字典的pprint类似于：{u'd': {u'Type': None,u'__type': u'TOPS.ajaxResponse',u'actionOnSuccess': None,u'data': u'{"BasicCodes":{"PRODUCTPRICES":[{...
【前端的数据传回后端处理】
piano_diano的博客
04-21 580
前端 let list = ["A","B","C"]; let data = {}; let httpUrl = ''; data["selections"] = list.join(','); axios.post(httpUrl,data).then((response)=>{ console.log(response); }).catch((err)=>{ console.log(err);
ajax 提交Dictionary
正怒月神的博客
05-24 1577
ajax向webapi提交Dictionary Script: var data = { "a": 1, "b": 2, "c": "hello", }; $.ajax({ url: "/api/Test/Post", type: "post", contentType: "appli
AJAX的几种数据传输
在风雨中奔跑
11-13 5696
AJAX数据传输： 第一种传送方式：load
前端ajax传值中文汉字的传递方法
热门推荐
junyu1024的博客
05-31 1万+
var array = '这是需要传递给后台的中文数据' //只需要在ajax中的data里利用js的encodeURI()方法把数据转换成中文的编码就可以了 $.ajax({ type: "GET", url: "/ask/subQuestion", dataType: 'json', data: {...
ajax 循环处理 json数据(一维字典)。
oJiWen的博客
02-26 1953
环境是用djang搭建的这种方式可以处理一维字典。接口返回的数据   {key3: "zhixing", key2: "check", key1: "login", key4: "test"}jquery代码$(document).ready(function(){    $.ajax({            type: "GET",            url: "findbiaoti&quo
字典!AJAX?
weixin_30455661的博客
02-25 102
今天同事给看了一个比较有意思的网站 www.objectGraph.com全E文看不懂！不太明白是做什么的,里面有一个 AJAXDictionary 比较有意思，并且有讲解其机制，自己动手做了一下效果不错呵呵! 下面就是关键代码： ASP.net page <%@PageLanguage="C#"%> <%@ImportNamespace="System.Data"%...
Django往前端（Ajax）传列表及字典
dengshign16357的博客
03-10 1037
Django往前端（Ajax）传列表及字典 有时候我们需要在不刷新的情况下载入一些内容，在网页的基本知识中我们介绍了 ajax 技术。 在本文中讲解如何用 Django 来实现 不刷新网页的情况下加载一些内容。 由于用 jQuery 实现 ajax 比较简单，所以我们用 jQuery库来实现，下面也有例子提供下载。 本节有多个实例提供下载，通过看代码可以更快的学习。 一个...
ajax传递大型对象数组
最新发布
08-16
如果要传递大型对象数组，你可以使用类似的方法将对象数组转换为 JSON 字符串，并通过 Ajax 发送给后端。以下是一个示例： 前端代码（使用 jQuery 的 Ajax 方法）： ```javascript var myArray = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, // 更多对象... ]; $.ajax({ url: 'your_backend_url', type: 'POST', data: JSON.stringify(myArray), contentType: 'application/json', success: function(response) { // 处理成功响应 }, error: function(xhr, status, error) { // 处理错误 } }); ``` 后端代码（使用 Python Flask 框架为例）： ```python from flask import Flask, request app = Flask(__name__) @app.route('/y
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值