加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax同步查询

发布时间:2020-12-16 03:23:16 所属栏目:百科 来源:网络整理
导读:1.jsp代码 dllabel注册手机号/labelinput type="text" name="phoneNo" id="phoneNo" onkeyup="trigger()" class="" maxlength="20"//dl dllabel用户编号/labelinput type="text" name="userId" id="userId" class="" maxlength="20"//dl dllabel姓名/labelin

1.jsp代码

<dl>
			<label>注册手机号</label>
				<input type="text" name="phoneNo" id="phoneNo" onkeyup="trigger()" class="" maxlength="20"/>
		</dl>
	 	<dl>
			<label>用户编号</label>
				<input type="text" name="userId" id="userId" class="" maxlength="20"/>
		</dl>
	 	<dl>
			<label>姓名</label>
				<input type="text" name="xm" id="xm" class="" maxlength="20"/>
		</dl>
	 	<dl>
			<label>身份证号</label>
				<input type="text" name="idno" id="idno" class="" maxlength="20"/>
		</dl>

2.javascript代码
function trigger(){
	var phoneNo = $("#phoneNo").val();
	if(phoneNo.length==11){
		var jsonUrl = '${web_root}/WalletPayChangeCard/getInfobyPhone/'+phoneNo;
		var userId = '';
		var xm = '';
		var idno = '';
		var cardno = '';
		var cardPhone = '';
	    $.ajax({
	        type: "POST",contentType:"application/json;charset=utf-8",url:jsonUrl,dataType:'json',success:function (response){  
	        	userId = response.userId;
	        	xm = response.xm;
	        	idno = response.idno;
	        	
	        },async : false
	    });
	    
	    $("#userId").val(userId);
	    $("#xm").val(xm);
	    $("#idno").val(idno);
	  
	}
};

</script>
3.java代码
@RequestMapping("/getInfobyPhone/{phoneNo}")
	public void getInfobyPhone(@PathVariable("phoneNo") String phoneNo,HttpServletRequest request,HttpServletResponse response)  {
		Request406008Entity req = new Request406008Entity();
		req.setPhoneNo(phoneNo);
		List<Request406008Entity> list = service.findAll(req);
        Request406008Entity obj = (Request406008Entity) list.get(0);
        try {
			response.getWriter().write(JSONArray.toJSONString(obj));
			response.getWriter().flush();
	        response.getWriter().close();
		} catch (IOException e) {
			e.printStackTrace();
		}
        
	}
结束!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读