如何通过Bootstrap forms获取表单数据并转换为JSON
通过Bootstrap forms获取表单数据并转换为JSON的方法如下：
- 首先，在HTML页面中引入Bootstrap的CSS和JavaScript文件，确保页面中有正确的Bootstrap表单组件。
- 创建一个表单，并使用Bootstrap的表单组件来定义表单字段。例如，可以使用
<input>、<select>、<textarea>等元素来定义输入字段。 - 给每个表单字段添加一个唯一的
id属性，以便在JavaScript中获取表单数据。 - 使用JavaScript编写一个函数来获取表单数据并将其转换为JSON格式。可以使用jQuery或纯JavaScript来实现。
- 使用jQuery的示例代码如下：
```javascript function getFormData() { var formData = {}; $('form input, form select, form textarea').each(function() { formData[$(this).attr('id')] = $(this).val(); }); return JSON.stringify(formData); } ```- 使用纯JavaScript的示例代码如下：
```javascript function getFormData() { var formData = {}; var elements = document.querySelectorAll('form input, form select, form textarea'); for (var i = 0; i < elements.length; i++) { formData[elements[i].id] = elements[i].value; } return JSON.stringify(formData); } ```- 在需要获取表单数据的地方调用
getFormData()函数，并将返回的JSON数据用于后续处理。
这样，你就可以通过Bootstrap forms获取表单数据并转换为JSON了。注意，以上代码只是示例，你可以根据实际需求进行修改和扩展。
相关·内容
1回答
我想使用Microsoft Forms创建一个表单来安排一些培训，并且我想使用Flow向用户发送日历邀请，邀请他们参加他们在表单上选择的会议。 做这件事最好的方法是什么？
浏览 10提问于2020-03-30得票数 0
我是swift的初学者，目前正在开发一个发出web请求的应用程序。我一直在尝试解析这个JSON数据，但是嵌套的数据真的很难理解：
"abilities": [
{
"ability": {
"name": "chlorophyll",
"url": "https://pokeapi.co/api/v2/ability/34/"
},
浏览 2提问于2020-05-29得票数 1
您好，堆叠队；
我是django的新手，我希望我能找到解决方案，或者有人能帮我，因为我真的坚持住了，我花了一整天的时间在搜索而没有达到我的目标；
我想在填写表单后生成打印输出，此表单包含"longeur“、"hauteur”、"element“等字段，用户将填写此表单，然后单击按钮显示将自动计算并显示在表单下的”瞬间“和”区域“。但是在打印输出上，我现在只显示用户在字段中输入的值-- "longuer“和"hauteur"
这是我的代码的故事；
我有一个表单的models.py中的模型类(公式)：
class Forms(models.Model
浏览 8提问于2022-02-11得票数 0
2回答
django:从表单到json
、、、、
我正在尝试将我的表单序列化为json格式。我的观点是：
form = CSVUploadForm(request.POST, request.FILES)
data_to_json={}
data_to_json = simplejson.dumps(form.__dict__)
return HttpResponse(data_to_json, mimetype='application/json')
我有错误<class 'django.forms.util.ErrorList'> is not JSON serializable。如何处理dja
浏览 0提问于2013-09-02得票数 7
回答已采纳
我有一个非常简单的模型，其中包含一个JSONField
class Thing(models.Model):
title = models.CharField(max_length=1024)
text = JSONField(default=dict)
我已经创建了一个自定义小部件，它允许输入键值对：
class JsonWidget(forms.widgets.Widget):
template_name = 'json_widget.html'
def get_context(self, name, value, attrs):
浏览 2提问于2019-02-12得票数 0
如何使用ASP.NET c#从服务器获取JSON格式的数据？
我知道如何使用php以JSON格式获取数据，但我尝试使用c#进行同样的操作。
浏览 1提问于2016-01-09得票数 0
回答已采纳
2回答
我试图将表单数据发送到节点js并在there.But上检索，但未能使用表单数据对象进行检索。
handleSubmit(data) {
console.log(data);
const forms=new FormData();
forms.append('fname','pranab');
let promise=fetch('http://localhost:8080/reactTest', {
method:'POST',
mode:'CORS'
浏览 0提问于2018-03-22得票数 1
回答已采纳
我正在为我的项目创建一个窗体生成器。它根据数据库中指定的字段动态构建表单。有3个表:表单、表单域和表单域的值。现在，我正在尝试将表单值中的数据绑定到表单域。它工作得很好，例如：
if (field.field_type == 'long_text'):
new_field = forms.CharField(label=field.label, initial = value, required=False, widget=forms.Textarea(attrs={'class': 'form-control'}
浏览 0提问于2020-03-12得票数 1
1回答
我正在尝试让为我的Django站点工作，但我不确定错误应该如何显示。当我提交一个无效的表单时，返回的JSON表单似乎与原始表单完全相同，因此我不明白错误响应是如何发生的。
按下form按钮时调用的(缩写)视图：
from crispy_forms.utils import render_crispy_form
from jsonview.decorators import json_view
@login_required
@json_view
def create_lab_device(request, owner):
add_device_form = AddNewDeviceF
浏览 1提问于2015-07-09得票数 1
2回答
我看到过类似问题的答案(和)，但在我的情况下，它们都不起作用。我在一个模板中有一个简单的表单，我正在使用引导来渲染。
提交表单后，响应将直接在浏览器中呈现。当我返回到上一页时(使用浏览器的按钮)，就会执行AJAX调用的成功部分。
forms.py
class QueryForm(forms.Form):
query = forms.CharField(label='Discover something', max_length=256)
views.py
def query_view(request, id):
if request.method == '
浏览 2提问于2016-04-26得票数 0
回答已采纳
我很难完全理解这段代码是如何工作的。这只是从bootstrap复制并粘贴的表单验证代码。
我的问题从下面这行开始: var validation = Array.prototype.filter.call(forms，function(form)
在我看来，它正在创建一个名为validation的数组，其中包含任何类名为“needs validation”的元素。然后，它是否调用匿名函数并传入整个表单并运行后续代码行
form.addEventListener('submit', function(event) {
if (form.checkValidity()
浏览 28提问于2019-08-09得票数 4
我用以下语法创建了我的羊驼表：
function createNewAlpacaForm(data, schema, formId, saveButtonId, clickEventFunc) {
$(formId).empty();
$(saveButtonId).off('click');
alpacaForm = $(formId).alpaca({
"data" : data,
"schema" : schema,
"view" : "VIEW
浏览 1提问于2014-06-11得票数 5
3回答
我想手动将JSON格式的表单数据发送到服务器。下面，我将表单数据更改为JSON格式。我在客户端javascript中拥有的数据是JSON (即{"firstname":"john","lastname":"smith"})。
$.ajax({
type: 'POST',
url: "http://localhost:3000/UserRegistration",
dataType: 'application/json',
data: JSONData,
浏览 3提问于2016-07-18得票数 0
回答已采纳
我正在尝试创建一个带有表单的ListView，当我提交时，该表单将返回对象列表。下面是我的views.py的代码。
class ChatListView(ListView):
model = Chat
form_class = NewMessageForm
queryset = model.objects.all().order_by('-created_at')[:20][::-1] #returns 20 latest objects
template_name = 'chat.html'
def post(se
浏览 13提问于2018-01-09得票数 0
回答已采纳
1回答
我想问一下“多个表单动作与一个提交按钮”的表单动作将是2个地方，Zoho和谷歌表单。
我已经测试过了，但是引线没有保存，也不能去感谢你的页面。
我不确定对这个脚本的更改是否正确：
function SubmitForm()
{
if(document.forms['leadform'].onsubmit())
{
showResultDiv();
document.forms['leadform'].action='https://crm.zoho.com/crm/
浏览 0提问于2017-10-11得票数 0
我不知道如何解决这个问题，但是当我使用表单上的组合框从多个表中选择数据时，我无法保存所选的任何数据。
我尝试使用绑定表单实用程序，但它只要求我“输入参数值”。我取出了代码的“绑定”部分，组合框工作得很好。
我有一个不错的小保存按钮，但它实际上没有保存任何地方。
我尝试使用一个查询，但这也不能修复它，除非，当然，我没有正确地执行查询。
这是“行源”信息..。
SELECT SubArea.SubAreaID, SubArea.SubAreaName, SubArea.ProductName FROM SubArea WHERE (((SubArea.ProductName)=Forms![Com
浏览 2提问于2010-06-25得票数 0
我想用bootstrap 5创建django登录表单。如何确保表单有效？我可以在模板中使用bootstrap设置validationError的样式吗？ 下面是我的代码： forms.py class LoginForm(forms.Form):
username = forms.CharField()
password = forms.CharField()
def clean(self):
username = self.cleaned_data.get("username")
password = self.cleaned_data.get("
浏览 22提问于2021-08-10得票数 0
我有一个ModelForm类，其中我将两个字段设置为ChoiceField。对于我的一个视图，我想从我的ModelForm类中创建一个表单，它从数据库中我的模型的一个实例中提取出来(如下所示)：
form = MyModel(instance=model_instance)
当我这样做，然后在模板中呈现表单时，我注意到大多数字段都预先填充了从模型实例中提取的值，这正是我想要的。但是，对于两个ChoiceField字段，情况并非如此。这些呈现为下拉选择菜单，没有选择特定的选项.
奇怪的是，如果我没有在我的ChoiceField类中将这两个字段定义为-type，那么它们在ModelForm类中呈现
浏览 1提问于2013-04-17得票数 1
回答已采纳
我下载了最新版本的FusionCharts。它没有像旧版本那样的文件夹代码。我可以用这个显示图表，但它不使用MySQL。我尝试使用json_encode()，但它不显示图表。
这是我的数据库。
CREATE TABLE `customer` (
`CustomerID` varchar(4) NOT NULL,
`Name` varchar(50) NOT NULL,
`Email` varchar(50) NOT NULL,
`CountryCode` varchar(2) NOT NULL,
`Budget` double NOT NULL,
`Used` double NOT NULL,
浏览 0提问于2014-08-07得票数 0
我最近在我的django应用程序中引入了翻译(i18n)。 它适用于所有模板和错误消息。不幸的是，不适用于表单。它总是返回到英语，即使页面的其余部分是用德语显示的。 settings.py： LANGUAGE_CODE = 'en'
USE_I18N = True
USE_L10N = True forms.py： from django import forms
from django.utils.translation import gettext as _
from django.conf import settings
from django.core.validat
浏览 17提问于2020-10-04得票数 0
回答已采纳
我在Bootstrap上找到了这个来使用Bootstrap表单验证。当其余的引导脚本都在jQuery中时，为什么示例是普通的JavaScript而不是jQuery？
如何使用jQuery做到这一点呢？
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
'use strict';
window.addEventListener('load', function() {
浏览 0提问于2018-09-05得票数 0
可以从表单数据中获取JSON吗？我只能获取数据映射或字符串表示。
var form = goog.dom.getElement('myform');
console.log(goog.dom.forms.getFormDataString(form));
浏览 0提问于2011-08-13得票数 4
回答已采纳
我已经设置了一个页面，并使用建议访问联机引导服务器的CDN代码实现了引导：
就CSS而言：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<lin
浏览 0提问于2016-02-23得票数 2
回答已采纳
我安装了Angular7 7数据表来格式化表中的数据。我是角7.2.10版。
但犯了错误：
模块未找到:错误:无法解决‘C：\Users\Desktop\角Projects\oshop\node_modules\angular7-data-table\esm5’‘中的@角/材料/输入
安装的引导带和字体可怕，如文件中提到的。将它们添加到angular.json中
angular.json
"styles": [
"src/custom-theme.scss",
"../node_module
浏览 1提问于2019-03-29得票数 1
我有一个Django表单，用户可以上传图像，有时只裁剪其中的部分，所以我使用获取坐标，但问题是接收到的数据被视为字符串。
下面是我如何获取表单的数据
/* SCRIPT TO COLLECT THE DATA AND POST TO THE SERVER */
$(".js-crop-and-upload").click(function () {
var cropData = $image.cropper("getData");
$("#id_x").val(cropData["x"]);
$(&
浏览 0提问于2019-09-13得票数 1
回答已采纳
1回答
角2 RC2新形式
、、、
如条款所建议的：
为了在RC2中使用新表单，我们需要使用以下代码禁用不推荐的表单：
import {disableDeprecatedForms, provideForms} from '@angular/forms';
bootstrap(AppComponent, [
disableDeprecatedForms(),
provideForms()
])
这显然意味着我们现在还需要在我们的package.json中包括以下内容：
"@angular/forms": "2.0.0-rc.2",
但是，当我在我的package.js
浏览 2提问于2016-06-16得票数 4
回答已采纳
3回答
如何访问客户端发布到我的传统ASP服务器的内容？我知道有Request.Forms变量，但是客户端的请求不是使用表单发出的。客户端请求的正文只是一个使用标准POST语句生成的字符串。谢谢
浏览 0提问于2012-03-20得票数 8
回答已采纳
1回答
我能把文件拷贝到jar吗？我在这件事上犯了错误：
BufferedImage img;
img = ImageIO.read(MatrixMaker.class.getResourceAsStream("/resource/"+filemlg));`
我想要用RGB表单图像填充数组。我需要这个图像在rs文件夹中，因为函数需要这个getResourceAsStream。
浏览 1提问于2015-10-19得票数 1
回答已采纳
我是ZF的新手，正在用Zend Framework1.10编写。下面是我的应用程序目录结构。
APPLICATION_PATH`
├─configs
├─layouts
└─modules
├─admin
│ ├─controllers
│ ├─forms
│ ├─models
│ └─views
│ ├─filters
│ ├─helpers
│ └─scripts
│ ├─authentication
│ ├─cars
│
浏览 3提问于2010-03-12得票数 0
回答已采纳
我试图在React-Bootstrap中使用Forms，但当我复制粘贴文档中的完全相同的代码时，我的表单与他们的表单不同。 我遵循在我的终端中运行npm install react-bootstrap@next bootstrap@5.1.1的installation guide。在我的package.json中，我有"bootstrap": "^5.1.1"和"react-bootstrap": "^2.0.0-rc.1"作为依赖项。我的index.js中也有import 'bootstrap/dist/css/boo
浏览 14提问于2021-10-19得票数 0
我正在进行一个项目，并被要求将输入到数据库列中的信息作为json存储。表单没有自己的模型，但它的所有值都将作为json存储到另一个模型的列中。以下是模型：
class Document(models.Model):
user = models.ForeignKey(User)
document = models.JSONField(default = {})
category = models.CharField(max_length=255)
现在，我需要将来自不同表单(不同categorys )的json数据存储到列document中。以下是这类表格的一个类别：
c
浏览 4提问于2016-03-29得票数 3
回答已采纳
我尝试通过for循环中的innerHTML从表中的对象追加数据，但它没有将数据追加到表中；而是将数据追加到表的后面
下面是我的代码：
var data = { "video": false,
"vote_average": 8.300000000000001,
"vote_count": 9363}
var collection = Object.entries(data);
// console.log(document.domain);
var showData = document
浏览 0提问于2017-09-19得票数 0
我试图通过$.ajax / $.post (尝试了这两种方法)发送嵌套的 json结构。我尝试过的$.ajax是这样的：
$.ajax({
url: '/account/register/standard',
method: 'post',
data: datos,
dataType: 'json',
success: function(){
console.log("llego al otro lado");
},
error: function() {
浏览 2提问于2015-02-26得票数 0
嗨，我正在尝试将从POST方法中接收到的字符串转换为我的Flask，这个方法会产生一个json字符串。我收到错误:预期的对象或值。如何将格式错误的json转换为更正表单以修复此问题？下面是我后端的代码，我正在使用jupyter测试
@app.expect(model)
def post(self):
try:
formData = request.json
formData = {"0": formData}
print(formData)
df_json
浏览 4提问于2022-10-23得票数 -1
1回答
我有一个表单，我将它与ajax一起发送到服务器。如下所示：
$.ajax({
url: form.attr('action'),
type: 'POST',
data: form.serialize(),
dataType : 'json',
success: function(data){
}
});
我在服务器上收到类似的信息
Array
(
[forms_element_1] => 'some value 1',
[forms_element_2] =>
浏览 1提问于2014-04-09得票数 1
回答已采纳
2回答
我在从表单中获取数据时遇到了问题。
forms.py
class Calculator(Form):
amount = IntegerField('Amount')
weight = IntegerField('Weight')
class Program(Form):
cycles = IntegerField('Cycles')
volume = FormField(Calculator)
app.py
@app.route('/', methods=('GET', '
浏览 3提问于2016-04-13得票数 2
回答已采纳
1回答
我正在尝试在我的网站中构建一个小表单，它将使用ajax将表单细节保存到带有php的数据库中。我可以用jquery来完成它，因为我是一名学生，所以我不想使用任何外部库。我能够使用ajax "get方法“，甚至能够创建post方法，但我不知道如何在php脚本中接收这些数据并对其进行处理。
这是我用来发送json数据的ajax代码
subForm.addEventListener('click',()=>{
var forms = {
"name": document.getElementById('name').valu
浏览 2提问于2020-04-19得票数 0
1回答
首先，谢谢大家的帮助:)真的很感激，因为我是个十足的菜鸟。
其次，我试图将信息添加到HTML表单中：
电子邮件地址&email=x -在请求体中使用，用户的电子邮件地址>填写表单。虽然电子邮件不是必需的，HubSpot将不会在没有有效的电子邮件地址的情况下创建一个>联系人。有关如何验证电子邮件地址的详细信息，请参阅此页面。
HS上下文&hs_context=x -在请求体中使用JSON格式化块>，它包含表单提交的上下文信息。有关包含的数据的描述，请参见下面的>条目，有关此>参数的格式，请参阅下面的内容。
在这里，我完全搞不懂应该在哪里添加这
浏览 1提问于2017-11-18得票数 0
2回答
我在试着上传一个文件到服务器上。还有一些来自输入表单的关于此数据的注释。
这里我发送了js格式的数据：
var postContainer = new Array();
postContainer.push(
{
file : file,
f_name : file.name,
input1 : it1Value
});
var newJ = JSON.stringify(postContainer);
xhr.se
浏览 1提问于2012-11-17得票数 3
回答已采纳
1回答
我对棱角很陌生，一直以来都有问题。我的服务有下面的调用。
this.getForms = function() {
return $http.get("/forms").
then(function(response) {
return response;
}, function(response) {
alert("Error finding forms.");
});
};
当页面被刷新时(safari) getForms被触发，$http.get被调用，我的Node.js/Express服务器
浏览 3提问于2017-01-30得票数 1
回答已采纳
我试图设计一个单一的网页网站，我有一个表单，在输入一些数据和点击一个按钮(例如提交)，我希望它加载第二个表单，在第一个，并再次输入一些数据，并单击另一个按钮将加载第三表单低于第二形式。我已经成功地显示了第二种形式，但它在屏幕上显示后立即消失。我不知道如何处理这个，以保持第二个显示，并从那里移动到下一个形式。以下是我的代码：
views.py
from django.shortcuts import render
from django.http import HttpResponse, HttpResponseRedirect
from .forms import sampleForm, ac
浏览 0提问于2020-05-22得票数 0
回答已采纳
为了了解HTML5 5的localStorage，我尝试编写一个简单的应用程序。我(以为我)已经成功地创建了一个表单，用于获取数据并将其存储在localStorage (使用JSON.stringify)中，然后显示在页面上(在JSON.parse之后)。然后，我转到如何删除特定的项目，并意识到我认为我存储的数据不正确，因为我只有一个键，值对，当我认为我应该有一个为每个条目。所以调用localStorage.removeItem(key)就删除了我所有的数据。我需要帮助整理如何分别存储每个条目，以便他们可以删除1乘1。
html：
<form id="sme-submissi
浏览 3提问于2014-01-16得票数 1
回答已采纳
Django==1.11 django-crispy-forms==1.8.1 CRISPY_TEMPLATE_PACK = "bootstrap4“
使用标准形式(没有特殊设置)，我们会得到一个非常奇怪的“选中”符号：
尝试解决这个问题:在forms.py代码中：
self.helper = FormHelper(self)
self.helper.use_custom_control = False
这给出了一个很好的“选中”符号：
..。但是，如果在未选中REQUIRED复选框的情况下尝试提交表单，则不会显示错误消息(客户端验证)。而在第一
浏览 0提问于2019-12-21得票数 0
1回答
下面是provider类的代码。每当应用程序启动时，我都想获取保存在共享首选项中的表单。然而，从共享首选项加载需要一段时间。因此，当我第一次访问表单时，它最初是空的，我得到了一个空列表。有没有什么办法延迟getter，直到它拥有表单模型的对象。 class FormProvider with ChangeNotifier {
FormProvider() {
loadformPreferences();
}
List<FormModel> _forms = [];
List<FormModel> get forms => _forms;
浏览 12提问于2020-07-08得票数 0
我正在制作表单生成器，我有一个输入字段，名为Firstname、Lastname、Email、I性值。无论用户从表单生成器页面中选择哪个字段，单击一个按钮后，所有元素都将存储在数据库中。
就像我从表单构建器页面中选择元素Firstname、Lastname、Email和我同意一样，并保存了它。在数据库中，它将存储如下示例
现在我更新表单生成器并更改表单元素。就像图片下面显示的一样。
使用下面的查询，我将更新最后一条记录
SELECT form_id,form_elements,form_builder_type, update_date FROM `form_builder`
浏览 3提问于2017-10-10得票数 0
1回答
我有一个用itext生成pdf的spring引导应用程序，我在生成它时尝试添加一个地图。
我没有找到任何办法添加传单。
我的例子：
<!DOCTYPE html>
<html xmlns:th="http://www.springframework.org/schema/mvc">
<head>
<title>Leaflet</title>
<meta charset="utf-8" />
<meta name="viewport" cont
浏览 3提问于2022-05-02得票数 -1
1回答
我很难在django中显示一个date小工具。请记住，这个项目意味着不能访问互联网，这是我所拥有的：
forms.py：
class CreateNewPatient(forms.ModelForm):
class Meta:
model = models.PatientInfo
fields = ['first_name', 'nickname','last_name',
'date_of_birth', 'school_grade', 'sex', 'sc
浏览 4提问于2018-09-27得票数 0
1回答
我从Facebook返回了一个json，其内容如下：
{"name":"Name_of_person", "id":"989988988"}
我看了一下原始的JSON，这就是在我通过Graph提交了对该信息的查询之后的样子。
到目前为止，我正试图将json反序列化为：
void DealWithProfileInfo(IGraphResult result){
Dictionary<string,string> profile = JSON.Deserialize (result.RawResult) as
浏览 0提问于2016-01-03得票数 1
回答已采纳
我想自定义我的django表单。例如，在我的代码中，我希望生成如下格式的工作时间设置：
mon_start mon_end
tue_start tue_end
....
而是创建一个表单
mon_start
mon_end
tue_start
tue_end
....
下面是我不想要的输出视图
下面是我的代码：
forms.py
class CompanyWorkingHoursSettingsForm(forms.ModelForm):
mon_start = forms.TimeField()
mon_end = forms.TimeField()
tue
浏览 43提问于2017-12-18得票数 0
回答已采纳
我有一个简单的Django表单：
class testForm(forms.Form):
list = forms.CharField()
def getItems(self):
#How do I do this? Access the data stored in list.
return self.list.split(",") #This doesn't work
列表表单字段存储csv数据值。从视图中的testForm的外部实例，我希望能够查看存储在表单域中的.csv值列表。
浏览 2提问于2009-06-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
