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

Easyui动态加载后台数据的例子

发布时间:2020-12-16 01:49:55 所属栏目:百科 来源:网络整理
导读:JS: /**接口验证查询按钮*/function strategyCheckSearch(){var strategyRows= $("#strategyCheckDg").datagrid('getRows');var strategyIp = $("#strategyIp").val().trim();var strategyPort = $("#strategyPort").val().trim();if(strategyIp.length 1 ||

JS:

/**接口验证查询按钮*/
function strategyCheckSearch(){
	var strategyRows= $("#strategyCheckDg").datagrid('getRows');
	var strategyIp = $("#strategyIp").val().trim();
	var strategyPort = $("#strategyPort").val().trim();
	if(strategyIp.length < 1 || strategyPort.length < 1){
		$.messager.alert("错误","请输入IP和端口!",'info');
	}else{
		$.each(strategyRows,function(i,row){
			$.ajax({
				url : 'require/getStatusCodeByWget',type : 'post',data : {
					wgetString : JSON.stringify(row.wget),strategyIp : strategyIp,strategyPort : strategyPort
				},success : function(data) {
					var str = "";
					$.each(data,result){
						console.log(result);
						if(result.proxyPort == null){//端口值为null则不显示
							str += "【"+result.proxyAddress+"】"+result.responses[0].failed+"<br>";
						}else{
							str += "【"+result.proxyAddress+":"+result.proxyPort+"】"+result.responses[0].failed+"<br>";
						}
					});
					$("#strategyCheckDg").datagrid('updateRow',{
						index:i,row:{
							status : str
						}
					});
				}
			});
			
		});
	}
	
}

Controller:

/**根据wget获取状态码*/
@RequestMapping("getStatusCodeByWget")
@ResponseBody
public List<WgetResult> getStatusCodeByWget(@RequestParam("wgetString") String wgetString,HttpServletRequest request,@RequestParam("strategyIp") String strategyIp,@RequestParam("strategyPort") String strategyPort) {
	Wget wget = GsonUtil.toObject(wgetString,Wget.class);
	String[] ipStrings = strategyIp.split(",");
	List<String> ipList = Arrays.asList(ipStrings);
	List<WgetResult> WgetResultList = domainTransferService.validityStrtegy(wget,ipList,strategyPort);
	return WgetResultList;
}  
要点就是使用$.ajax从后台获取数据之后,在success方法中获取easyui所有行的数据,然后通过$("#").datagrid('updateRow',{});刷新前台数据就可以实现了.

(编辑:李大同)

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

    推荐文章
      热点阅读