如何在把JSON格式的对象放入到input的value中？

最新推荐文章于 2021-01-04 19:59:11 发布
原创 最新推荐文章于 2021-01-04 19:59:11 发布 · 1.7w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#json #jsp #input

本文介绍了一种在前端页面中使用输入框绑定从后台传来的JSON数据的方法。具体实现方式为将JSON数据作为输入框的默认值，这种方式常见于需要预填充表单字段的应用场景。

解决：

<input type="text" value=${json} id="jsonstr">


其中json是后台通过modelandview传送过来的。



从本地轻量数据到双向绑定：SAP UI5 的 JSON Model 全面解析
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-16 138
摘要：SAP UI5中的JSON Model是一种轻量级客户端模型，适用于处理小型数据集和视图状态管理。它支持双向数据绑定，但不具备服务端持久化功能，数据更新需通过自定义AJAX请求完成。文章详细介绍了JSON Model的定位、初始化方式、数据绑定实践、路径操作、异步加载时序控制等核心特性，并对比了其与OData Model等模型的差异。同时提供了性能优化建议，如合理使用增量更新、避免同步XHR请求等，帮助开发者高效运用这一模型处理客户端数据场景。（150字）
jQuery扩展将复杂form表单转成json对象
08-12
对于那些以方括号结尾的数组类型字段（例如`items[]`），它会将这些值放入一个数组中。最后，这个函数返回一个完整的JSON对象，可以方便地传递给后端。 在实际应用中，你可以这样使用这个扩展： ```javascript var...
Jquery把获取到的input值转换成json
10-19
本篇文章主要介绍了Jquery把获取到的input值转换成json的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
json数据(字符串)无法放入文本框(input)中
linyutu的博客
07-28 8336
这可能是一个小细节没有注意照成的，也就是input中的value属性的问题，假如您的json数据中存在双引号，那么这双引号就有可能跟value的双引号发生冲突，进而造成无法显示完整。当然，如果都是单引号也一样会造成冲突。假如您的json数据中既有单引号也有双引号，那您可能需要调整一下您的json数据了。
JSON之HTML的<Input>标签存放json-yellowcong
09-18 9736
有时候，我们需要将项目传递过来的json对象，放在界面的html表单中，但是由于html的value直接存储不了json数据，是由于html解析，不会识别转义符，只会将双赢号的数据作为value值，当JSON字符串，直接放到value里面，就丢失了数据，我刚开始通过转义符号，但是发现并没有用，需要将value的双引号改成单引号，就可以识别了解决HTML存放不了json的问题
js this.inputValue_JsonContent="{"money":'(?<money>[1-9]\d*(\.\d{1,5})?)'}",这是用户输入的数据 try { obj = JSON.parse(this.inputValue_JsonContent); } catch (e) {} 转为obj失败,要求是用户输入正则的时候可以正常转为json对象,要怎么做呢
最新发布
12-12
但是，我们接下来要将它放入双引号中，所以需要转义双引号。 let valueContent = match[1]; // 先处理转义：将反斜杠替换为两个反斜杠 valueContent = valueContent.replace(/\\/g, '\\\\'); // 然后，将双引号...
扫描二维码获取的数据传输到后台，获取新的内容到前台放入html的input内
06-09
要将扫描二维码获取的数据传输到后台，并获取新的内容到前台放入HTML的input内，可以使用以下步骤： 1. 在HTML中创建一个input元素，用于显示扫描二维码获取的数据，例如： ```html <input type="text" id="qrcode...
Json::Value 用c++写一个将中文字符串转换成utf-8的json字符串
11-22
假设我们有一个中文字符串"你好"，我们希望将它放入JSON对象中，并输出为UTF-8编码的JSON字符串（不转义）。 代码如下： 以下是使用 JsonCpp 库将中文字符串转换为 UTF-8 JSON 字符串的 C++ 代码实现： ```cpp ...
json字符串传到前台input的方法
12-10
JSONObject把对象转换成的json字符串，无法直接通过request.setAttribute();传到页面的input标签 如下是错误的： request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObject(pageInfo).toString()); 还需要 jsonStr.replaceAll(“\”“, “’”)再放到request.setAttribute中 以上这篇json字符串传到前台input的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
ajax接收后台传来的JSON类型数据，可通过循环遍历为input赋值（input的ID需要和返回来的数据名相同）
wangxinaz的博客
08-17 6157
$.ajax({ url:"${ctx}/commonquery/query/getDataJsonArray", type:"post", dataType:"json", data:{  "fileName":"Management/sysManagement_SelectUpd",  "redirect":"modules/sysManagement/AntennaModelUp
jquery ajax请求返回list数据,并动态生成input标签,并把list数据赋值到input标签
通往架构师之路
11-27 4588
// js function myBtn_f() { var cnt = $('#myCnt').val(); syncAjax('myAjax.html', { 'cnt' : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $('#myDiv'
form表单input的value为json数据时多个空格的解决方法
shyg866的博客
09-09 1079
今天在弄一个页面自动提交数据时，遇到个问题，真的是好久不整前端的东西了，忘了个精光。 问题描述： 当后台将一个json字符串赋值到以下form表单里的时候，value处第一个字符串多了一个空格。导致后台验签失败。 <form action="url"> <input type="text" name="plain" value ="${result.jsonStr}"> <input type="submit" value="提交"> </f
JS中创建json数组，并获取input中的id和value存储
m0_38035006的博客
09-15 3988
//---------------保存提交------------------- $("#save_").click(function(){ var inputs = $("input"); var json = []; var row = {}; for(var i=0; i<inputs.length; i++){ row.id = inputs.eq(i).attr(
前端获取input数据，并转为json字符串（Jquery）
WDC的博客
02-21 4180
最近在做一个高并发的电商系统，感觉收获颇丰，尤其是对前端和交互的理解。 于是来分享一下自己的笔记。希望能给大家带来一点帮助，减少不必要浪费的时间。 获取数据，将数据加入数组 function get(){ var name = $("#name").val(); var store= $("#store").val(); var account = $("#account").val(...
在input中放对象
weixin_30299539的博客
08-30 483
var input = $("<input type='hidden' class='hidden-user'/>"); $(input).data("rankList", 对象); //放对象 $(inputHidden).data("rankList"); //取对象值 转载于:https://www.cnblogs.com/yyh1/p/5820679.htm...
jq在input中存储json对象
huakaiwuxing的博客
01-04 1005
<input value='${JSON.stringify(item)}' class="value_option hide">
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值