java后台获取input的值_JavaWeb后台从input表单获取文本值的两种方式

JavaWeb后台从input表单获取文本值的两种方式

#### index.html

Title

提交

$("#btn").click(function () {

//获取input表单文本框的值

var name=$(‘#cid‘).val();

$(window).attr(‘location‘,‘/QueryOneStudent?sid=‘+name+‘‘);

});

####index2.html

Title

####QueryOneStudent.java文件

@WebServlet("/QueryOneStudent")

public class QueryOneStudent extends HttpServlet {

@Override

protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println("QueryOneStudent");

String name = req.getParameter("name");

System.out.println(name);

}

}

原文:https://www.cnblogs.com/my12/p/9581577.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在前端使用 HTML 实现选择一张数据表的字段进行填充,需要使用后端Java 代码来实现与数据库的交互。一般来说,可以使用 Java 的 JSP 或者 Servlet 技术来实现数据的传输和交互。 以下是一个简单的示例,展示了如何在前端使用 HTML 和 JavaScript 实现选择一张数据表的字段进行填充,同时使用后端Java 代码来实现与数据库的交互。 首先,我们需要在 HTML 中创建一个输入表单,并为其指定一个唯一的标识符,例如: ```html <form id="myForm"> <label for="input1">输入框1:</label> <input type="text" id="input1" name="input1"><br> <label for="input2">输入框2:</label> <input type="text" id="input2" name="input2"><br> <label for="field">选择字段:</label> <select id="field" name="field"> <option value="">请选择字段</option> <option value="field1">字段1</option> <option value="field2">字段2</option> <option value="field3">字段3</option> <!-- 其他选项 --> </select> <input type="button" value="填充" onclick="fillInput()"> </form> ``` 上述代码中,我们创建了一个输入表单,并为其指定了一个唯一的标识符`myForm`。在表单中,我们创建了两个输入框`input1`和`input2`,以及一个下拉选项`field`,用于选择数据表的字段。同时,我们创建了一个按钮,用于触发填充操作。 接下来,我们可以使用 JavaScript 代码来实现在选择数据表字段时,自动填充所选字段对应的的功能。例如: ```javascript // 获取表单元素 var form = document.getElementById("myForm"); // 获取选择字段的下拉选项 var field = form.elements["field"]; // 填充输入框的方法 function fillInput() { // 获取选中的字段名 var fieldName = field.value; // 发送请求,获取字段 var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // 解析响应数据,获取字段 var fieldValue = xhr.responseText; // 将字段填充到相应的输入框中 if (fieldName == "field1") { form.elements["input1"].value = fieldValue; } else if (fieldName == "field2") { form.elements["input2"].value = fieldValue; } // 其他字段对应的输入框 } }; xhr.open("GET", "/getData?field=" + fieldName, true); xhr.send(); } ``` 在上述代码中,我们首先获取表单元素,并使用`form.elements`属性获取了选择字段的下拉选项。然后,我们使用`XMLHttpRequest`对象发送了一个 GET 请求,请求的 URL 中携带了选择的字段名`fieldName`。 在请求响应中,我们解析了响应数据,获取了字段。然后,我们将字段填充到相应的输入框中,使用了`form.elements`属性来获取输入框元素,并使用`value`属性来设置输入框的。 在后端Java 代码中,我们需要根据选择的字段名来查询数据库,获取对应的字段。以下是一个简单的 Servlet 的示例代码,用于处理前端发来的 GET 请求,并返回对应的字段。 ```java @WebServlet("/getData") public class GetDataServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取选择的字段名 String fieldName = request.getParameter("field"); // 查询数据库,获取字段 String fieldValue = queryFieldValue(fieldName); // 返回响应数据 response.setContentType("text/plain"); response.setCharacterEncoding("UTF-8"); response.getWriter().write(fieldValue); } // 查询字段的方法 private String queryFieldValue(String fieldName) { // 根据字段名查询字段对应的,例如从数据库中查询,或者使用一些预定义的映射关系等等。 // 这里只是一个示例,返回一个固定的字符串。 return "字段" + fieldName.substr(5) + "的"; } } ``` 在上述代码中,我们使用`@WebServlet`注解将 Servlet 映射到 URL`/getData`上。在`doGet`方法中,我们获取了请求参数中的选择字段名`fieldName`,然后调用了`queryFieldValue`方法来查询数据库,获取对应的字段。最后,我们使用`response.getWriter().write`方法将字段作为响应数据返回给前端。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值