页面动态数据，定时器不断刷新

不断刷新后台方法，这个功能前端代码不太懂，

分为两部：后台调用接口返回数据，前端接收，并不断刷新

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/>人