jquery使用ajax提交表单

我们经常碰到提交表单而不想刷新页面的情况,这时可以借助jquery使用Ajax提交表单。

页面代码:

<form id="form">
    	<label>公司名称:</label><input name="companyName" type="text" /><br/>
    	<label>注册码:</label><input name="registCode" type="text" /><br/>
    	<label>所属县区:</label><input name="area" type="text" /><br/>
    	<label>详细地址:</label><input name="addr" type="text" /><br/>
    	<input type="button" οnclick="add();" value="提交" />
    </form>
引入JQuery文件:
<script type="text/javascript" src="<%=path %>/js/jquery-1.8.3.min.js"></script>
JS代码:
function add(){
			alert($("#form").serialize());
			$.ajax({
				url: "ajaxSubmit",
				data: $("#form").serialize(),
				type: "POST",
				dataType: "json",
				success: function(r){
					alert("公司名称:" + r.companyName + ",注册码:" + r.registCode + 
						"所属县区:" + r.area + "详细地址:" + r.addr);
				}
			});
		}
后台代码(Struts2):
public void submit() throws IOException{
		HttpServletRequest request = ServletActionContext.getRequest();
		String companyName = request.getParameter("companyName");
		String registCode = request.getParameter("registCode");
		String area = request.getParameter("area");
		String addr = request.getParameter("addr");
		
		JSONObject object = new JSONObject();
		object.put("companyName", companyName);
		object.put("registCode", registCode);
		object.put("area", area);
		object.put("addr", addr);
		
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("UTF-8");
		response.getWriter().write(object.toString());
	}
关键点是使用$(selector).serialize()方法将表单参数序列化,该方法返回字符串参数,其格式如:username=%E5%95%8A%E8%94%A1&password=123456





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值