Ajax前后台相互传值教程

最新推荐文章于 2023-03-08 09:53:14 发布

weixin_33888907

最新推荐文章于 2023-03-08 09:53:14 发布

阅读量139

点赞数

文章标签：后端 json java

原文链接：https://my.oschina.net/MrBamboo/blog/739044

版权

2019独角兽企业重金招聘Python工程师标准>>>

1.在Action中定义一个dataMap,添加get/set方法,必须注意的是一定要return SUCCESS;否则Struts不会将数据发送到页面

public String doCheck() {
		dataMap = new HashMap<String, Object>();
		if(checkString != null && !"".equals(checkString)){
			if(checkString.equals("123")){
				dataMap.put("result_msg", "是授权用户");
			}else{
				dataMap.put("result_msg", "非法用户");
			}
		}
		return SUCCESS;
	}

2.Struts配置文件中定义dataMap

<struts>
	<package name="statusjson" namespace="/" extends="struts-default,json-default">
        <action name="doCheck" class="com.vrswkj.action.InitAction" method="doCheck">
		  	<result type="json">
	        	<param name="root">dataMap</param>
	        </result>
    	</action>
 	</package>

</struts>

3.前端页面,使用data对象来获取后台定义的dataMap对象中的数据

<!DOCTYPE html>
<html>
<head>
	<title>代理商系统</title>
	<meta charset="utf-8" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript">
    function sendCheckString() {
    	var check = document.getElementById("check").value;
		$.ajax({
	        type: "get",
	        url: "http://ccc.vip.natapp.cn/Weixin/doCheck",
	        data: {"checkString":check},
	        dataType: "json",
	        async: false,
	        success:function(data){
	　　　　		alert(data.result_msg);
	        },
	        error: function() {
	            alert("查询出错,请稍后再试");
	        }
   		});
    }
</script>
</head>
<body>
	<h1>授权查询</h1>
    <div class="content">
    	<div class="number">
	    	<h2>请输入手机,微信号码或者身份证号码查询</h2>
	    	<p>手机号码:<span><input type="text" id="check" name="checkString"></span></p>
    	</div>
    	<button type="button" name="" value="" onclick="sendCheckString()">查询</button>
    </div>
</body>
</html>

转载于:https://my.oschina.net/MrBamboo/blog/739044