Form表单查询信息返回问题

这篇博客针对初学者在使用Spring MVC时遇到的表单查询问题进行讲解。作者在实现检索功能时,遇到信息无法返回表单显示的问题,原因是button的onclick事件与submit冲突。解决方案包括理解<form:form>标签的action属性,修改button类型为submit并删除onclick事件,以及在controller和service层正确处理返回数据。博客旨在帮助遇到相同问题的小白解决问题并共同进步。

       本人系小白一枚,前不久刚刚接触Spring MVC,然后问题重重。对于下面的问题,大佬勿喷,仅供和自己一样初入SM的小白参考。因为某些原因文中部分ID做了处理。

       由于客户需求,需要做检索功能,大体样式如下图:

代码实现如下:

<form:form id="xxxx" modelAttribute="XXXXXXXX" action="${ctx}/URL" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<ul class="ul-form">
			<li><label>属性名称 </label>
				<form:select id="dddd" path="dddddd" class="input-xlarge required" itemValue="">
					<form:option value="" id="" label="--请选择--"></form:option>
					<form:options items="${d}" itemValue="fdsfsdfds" itemLabel="fsffdfdsfs"  ></form:options>
				</f
在使用form表单提交的过程中,能够获取到返回结果的一种常见方式是通过使用JavaScript进行异步提交。我们可以通过以下步骤来实现。 首先,在HTML中创建一个包含form表单的页面,该表单内包含需要提交的输入框、按钮等元素。在form标签中添加一个id属性,以便在JavaScript中获取该表单。 接下来,在JavaScript中使用getElementById方法获取到form表单的引用,然后使用addEventListener方法添加一个submit事件的监听器。在监听器中,使用event.preventDefault()方法阻止表单的默认提交行为,以便我们自己进行处理。 然后,创建一个XMLHttpRequest对象,使用open方法指定HTTP请求的方法和URL地址。如果需要传递参数,则可以使用FormData对象来构建请求体。然后使用send方法发送请求。 当服务器返回结果时,可以在JavaScript中监听到请求的状态变化,并通过responseText属性获取到服务器返回的结果。可以将这个结果显示在页面中,或者作为进一步处理的数据。 最后,根据实际需要,可以对返回结果进行相应的操作,例如展示在页面上或者进行其他逻辑处理。 需要注意的是,由于涉及到跨域访问等安全限制,可能需要在服务器端进行相应的设置以确保可以获取到返回结果。 总的来说,使用form表单提交获取返回结果的基本步骤是:创建form表单页面、JavaScript中监听submit事件、异步发送请求、监听请求状态并获取返回结果、对结果进行处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值