Question

这是一个初学者的问题。我已经尽了最大的功课，所以自从被卡住以来，我一直在寻求帮助。

我正在尝试创建一个学习REST的应用程序，并且希望将请求数据格式化为JSON。

我从HTML表单开始，首先确认“已发送”或请求数据正确，但是在浏览器开发工具（Firefox）中看不到它作为HTTP请求的一部分发送。我有一个运行中的服务器，可以通过本地主机打开页面，但是还没有客户端/后端代码，例如Java Servlet-我现在所拥有的只是带有“提交”按钮的HTML表单，在我的浏览器中的localhost。

我的目的是确认正在创建和发送JSON格式的数据。如果我需要更多基础架构，请让我知道-我不确定我正在运行的用于生成请求的测试是否可以仅使用HTML表单，但还没有客户端Java代码。

我已将“ enctype ='application / json'”应用于表单，我认为应该将表单数据格式化为JSON。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My App</title>
</head>
<body>
<form enctype='application/json' name='testForm' method="post">
  <input name='name' value='JSONForm'>
  <select name='hind'>
    <option selected>Option1</option>
    <option>Option2</option>
  </select>
  <input type='checkbox' name='shiny' checked>
  <input type='button' value='SubmitForm'>
</form>
</body>
</html>

这是请求和响应头。

还有一个“响应”窗格，但是没有一个“请求”窗格，因此我不确定如何查看发送的数据-也许我根本没有创建请求。

那么，如何确认/查看我已创建并发送JSON数据？如何“发送”数据-单击“提交”按钮是否足以“发送”请求中的数据？

谢谢。

Answer 1

首先，类型为button的按钮不提交表单，仅提交表单 <button type="submit">或<input type="button">。另外，我认为无法更改仅通过JavaScript格式化HTML格式的方式。为此，您需要添加一个脚本来捕获输入中的值，然后构建您的JSON对象并通过AJAX发布将其发送。 https://www.makeuseof.com/tag/use-ajax-send-web-form/

如何通过HTML表单创建JSON格式的请求？

1 个答案: