不断刷新后台方法,这个功能前端代码不太懂,
分为两部:后台调用接口返回数据,前端接收,并不断刷新
1.后台调用接口,返回数据给前端
调用接口的工具类
public static String getURLContent(String urlStr) {
URL url = null;
BufferedReader in = null;
StringBuffer sb = new StringBuffer();
try {
url = new URL(urlStr);
in = new BufferedReader(new InputStreamReader(url.openStream(),"UTF-8"));
String str = null;
while((str = in.readLine()) != null) {
sb.append(str);
}
} catch (MalformedURLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (UnsupportedEncodingException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally {
try {
if(in != null) {
in.close();
}
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
String result = sb.toString();
return result;
}
调用这个工具类,返回结果
StringBuffer data = new StringBuffer();
data.append("{\"ZtCode\":" + ZtCode + ",\"YsCode\":" + YsCode + ",\"KsCode\":" + KsCode + "}");
System.out.println(data.toString());
String strURL = "接口url?hisdata=" + data.toString();
System.out.println(getURLContent(strURL));
返回的是json格式,然后获取json里的单个属性,需要引入一个jar包:java-json.jar
String d = getURLContent(strURL);
JSONObject o = new JSONObject(d);
System.out.println(o.get("callStatus"));
model.addAttribute("tt",o.get("callStatus"));
2.后台写完,前端先写一个js定时器:
var ca = $("[name=callStatus]").val();
//获取值定时器,刷新后台方法
setInterval(function() {
$("#content").load(location.href + " #content>*","");
$("[name=callStatus]").val(${tt });
}, 5000);
页面上刷新的位置:
等待人数:<input type="text" name="callStatus" id="content" value="${tt }" style="border:0px;width:20px;" disabled/>人