gpt4 book ai didi

javascript - 从 HTML 表单文本区域值和 Post 在 JavaScript 中制定 JSON?

转载 作者:太空宇宙 更新时间:2023-11-04 15:30:15 25 4
gpt4 key购买 nike

我想要一个 HTML 表单,在 Http 请求正文中发布以下内容。

{ “info” : {
“id” : “123”
“text1” : <comes from html text-box>
}

所以,我想要的是将上面的内容表述为一个 JavaScript 对象,然后在提交时发布这个 JavaScript 对象。 “text1”的值将来自用户输入,这将是一个 html 格式的文本区域输入框。第一个值“id”将被硬编码,或者也可能来自隐藏的文本框。

所以我的问题是:如何编写一段JavaScript来实现这一点,以及相应的html表单等。

最佳答案

使用 jQuery 最容易做到这一点。

首先,使用您的数据初始化一个 JavaScript 对象。然后,使用 jQuery 从文本框中提取文本并将其分配给对象中所需的属性。

var data = { 
"info": {
"id":"123",
"text1":""
}
};

data.info.text1 = $("#yourTextBox").val();

然后你可以使用 jQuery.ajax 来发出请求:

$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});

有关帖子,请参阅 jQuery 文档: http://api.jquery.com/jQuery.post/

编辑:使用内联 javascript,您的 HTML 看起来像这样(不使用 jQuery 来获取表单数据):

<html>
<head>
<script>
var data = {
"info": {
"id":"123",
"text1":""
}
};
function makeRequest()
{
data.info.text1 = document.forms["frm1"]["fname"].value;

$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
}
</script>
</head>
<body>

<form name="frm1" id="yourTextBox" onsubmit="makeRequest()">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>

关于javascript - 从 HTML 表单文本区域值和 Post 在 JavaScript 中制定 JSON?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14880992/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com