jQuery ajax调用附加逗号到参数
我写了一个这样的jQuery ajax调用：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<title>CISCO Router Console</title>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#verify_success').hide();
$('#verify_fail').hide();
$('#command_header').hide();
$('#command_text').hide();
$('#command_area').hide();
$('#ip_submit').click(function (e) {
var ip = $('#ip_text').val();
var header = $("meta[name='_csrf_header']").attr("content");
var token = $("meta[name='_csrf']").attr("content");
$.ajax({
type: "POST",
url: "/verifyRouterIP",
data: jQuery.param({ "routerIP": ip}),
beforeSend: function(request) {
request.setRequestHeader(header, token);
},
dataType: "text/plain",
contentType: "text/plain",
success: function() {
$('#verify_success').show();
$('#command_header').show(20);
$('#command_text').show(30);
$('#command_area').show(40);
}
});
});
});
</script>
<form id="formSubmit" action="/verifyRouterIP" method="POST">
<div id="heading" align="left" style="font-family: Verdana; color: blue; font-size: 20px">Welcome ${name}!! to CISCO Console</div>
<br>
<br>
<br>
<span id="ip_header" style="text-align: left; font-family: Verdana; color: black; font-size: 14px">Router IP: </span>
<input id="ip_text" type="text" name="routerIP" style="text-align: left; background-color:gray; font-family: Verdana; color: black; font-size: 14px" size="40" name="routerIP">
<br>
<br>
<input id="ip_submit" type="submit" style="text-align: left; font-family: Verdana; color: black; font-size: 14px" value="Verify IP">
<br>
<br>
<span id="verify_success" style="text-align: left; font-family: Verdana; color: black; font-size: 14px">Router Verification Unsuccessful!</span>
<br>
<span id="verify_fail" style="text-align: left; font-family: Verdana; color: red; font-size: 14px">Router Verification Successful!</span>
<br>
<br>
<span id="command_header" style="text-align: left; font-family: Verdana; color: black; col font-size: 14px">Enter an IOS Command: </span>
<br>
<input id="command_text" type="text" style="text-align: left; font-family: Verdana; color: black; font-size: 12px" size="120" name="routerIP">
<br>
<br>
<textarea id="command_area" cols="150" rows="50"></textarea>
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
</form>
</body>
</html>
我的控制器方法就像：
@RequestMapping(value = "/verifyRouterIP", method = RequestMethod.POST)
public String verifyRouterIP(@RequestParam(required = true) String routerIP, ModelMap modelMap) {
boolean doesExist = deviceDetailsService.getDeviceDetailsByIPAddress(routerIP);
if (doesExist) {
modelMap.put("routerExists", true);
return "redirect:/greeting";
} else {
modelMap.put("routerExists", false);
return "redirect:/greeting";
}
}
当我在浏览器上使用Web -Developter时，我看到IP呈现了很好：
，
但是当我检查Eclipse Debugger时，我看到A ， appped在结尾。
逗号是我不需要的。您能告诉我如何摆脱它吗？这是正常的行为吗？
I have written a JQuery Ajax Call like this:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<title>CISCO Router Console</title>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#verify_success').hide();
$('#verify_fail').hide();
$('#command_header').hide();
$('#command_text').hide();
$('#command_area').hide();
$('#ip_submit').click(function (e) {
var ip = $('#ip_text').val();
var header = $("meta[name='_csrf_header']").attr("content");
var token = $("meta[name='_csrf']").attr("content");
$.ajax({
type: "POST",
url: "/verifyRouterIP",
data: jQuery.param({ "routerIP": ip}),
beforeSend: function(request) {
request.setRequestHeader(header, token);
},
dataType: "text/plain",
contentType: "text/plain",
success: function() {
$('#verify_success').show();
$('#command_header').show(20);
$('#command_text').show(30);
$('#command_area').show(40);
}
});
});
});
</script>
<form id="formSubmit" action="/verifyRouterIP" method="POST">
<div id="heading" align="left" style="font-family: Verdana; color: blue; font-size: 20px">Welcome ${name}!! to CISCO Console</div>
<br>
<br>
<br>
<span id="ip_header" style="text-align: left; font-family: Verdana; color: black; font-size: 14px">Router IP: </span>
<input id="ip_text" type="text" name="routerIP" style="text-align: left; background-color:gray; font-family: Verdana; color: black; font-size: 14px" size="40" name="routerIP">
<br>
<br>
<input id="ip_submit" type="submit" style="text-align: left; font-family: Verdana; color: black; font-size: 14px" value="Verify IP">
<br>
<br>
<span id="verify_success" style="text-align: left; font-family: Verdana; color: black; font-size: 14px">Router Verification Unsuccessful!</span>
<br>
<span id="verify_fail" style="text-align: left; font-family: Verdana; color: red; font-size: 14px">Router Verification Successful!</span>
<br>
<br>
<span id="command_header" style="text-align: left; font-family: Verdana; color: black; col font-size: 14px">Enter an IOS Command: </span>
<br>
<input id="command_text" type="text" style="text-align: left; font-family: Verdana; color: black; font-size: 12px" size="120" name="routerIP">
<br>
<br>
<textarea id="command_area" cols="150" rows="50"></textarea>
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
</form>
</body>
</html>
My Controller Method is like:
@RequestMapping(value = "/verifyRouterIP", method = RequestMethod.POST)
public String verifyRouterIP(@RequestParam(required = true) String routerIP, ModelMap modelMap) {
boolean doesExist = deviceDetailsService.getDeviceDetailsByIPAddress(routerIP);
if (doesExist) {
modelMap.put("routerExists", true);
return "redirect:/greeting";
} else {
modelMap.put("routerExists", false);
return "redirect:/greeting";
}
}
When I use WebDeveloper on the browser I see that the IP is coming out fine:
But when I check Eclipse debugger, I see there is a , appended at the end.
That comma is something I don't need. Can you please tell me how to get rid of it. Is this normal behavior?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
JSP文件具有具有相同名称的多个输入字段，这就是为什么所有这些值都选择所有值的原因。
因为名称将被映射到Java中的请求参数。
The JSP file has multiple input fields with same names and that's why the values are picked for all of them.
As name will be mapped to request parameter in Java.