
首先自定义一个ajax获取要显示在html页面上的数据的方法,例如方法getdata,这个方法把获取的返回值,通过js动态的显示到html页面要显示的区域,然后再写一个js定时器来实现实时调用数据,
示例:
<script>
//定时器 异步运行
function hello(){
alert("hello");
}
var t2 = windowsetTimeout("hello()",3000); //定时器
//windowclearTimeout(t2);//去掉定时器
</script>
把里面的hello方法换成你ajax获取数据的方法名,然后改下定时器里面的方法名和时间,这里设置的是3秒钟执行一次可以设置成你自己要的数据,就实现了你要的页面实时调用数据了。
在springmvc中controller的结果集可通过json格式传到js前端接受,也可以通过Map传给前端,具体实现如下
1,通过json格式传递
controller层实现如下
@RequestMapping("queryCityInfo")
@ResponseBody
public String queryCityInfo()throws Exception{
String provinceId = getString("id");
@SuppressWarnings("rawtypes")
List cityList = personalServicequeryCity(provinceId);
if(null != cityList && cityListsize() >0 ){
String json = JSONUtilstoJSONString(cityList);
superoutStr(json);
}
return null;
}
protected void outStr(String str)</span>
{
try
{
responsesetCharacterEncoding("UTF-8");
responsegetWriter()write(str);
}
catch (Exception e)
{
}
}
public static <T> String toJSONString(List<T> list)
{
JSONArray jsonArray = JSONArrayfromObject(list);
return jsonArraytoString();
}
js端接受如下
function selectBankCity(id){
$ajax({
url:baseAddress+"queryCityInfodoprovinceId="+id,
type:'get',
dataType:'json',
success:function(data){
$('#custBankArea')empty();
$('#custBankArea')append("<option >--请选择城市信息--</option>");
for(var i=0;i<datalength;i++){
$('#custBankArea')append("<option value='"+scjgcjcomdata[i]id+"'>"+data[i]cityName+"</option>");
}
}
});
}
2,通过Map传递
controller层实现如下
@RequestMapping("queryProvince")
@ResponseBody
public Map<String, Object> queryProvince(>
extjs是一个纯前台的js框架
它向后台索要数据的方式全是ajax方法
获取到返回值后,用ext自带的方法,或者用js将返回值转换成json对象取用
这是一个简单的例子
ExtAjaxrequest({
url: '处理页地址',
success: function(response) {
//这里的responseresponseText就是后台返回的数据
//eval,将字符串转换为json对象
var data = eval('(' + responseresponseText + ')');
//调用json对象的属性
var userList = datauserList;
}
});
更多关于json的信息,自行百度吧,资料很多,而且json也很简单
你使用angular-ui-grid,你描述的功能基本是属于grid范畴。引用angular-ui-grid的js文件,使用ui-grid,其中有属性方法得到选中的数据,然后通过service,以restful的形式将所选数据以json形式传到后台
以上就是关于JS调用后台数据怎么查询全部的内容,包括:JS调用后台数据怎么查询、js怎么获取从springmvc后台传过来的数据、js怎么把从后台获取的数据中去掉自带的style以及后面的样式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)