ajax的json传值方式在jsp页面中的应用

 更新时间:2013年03月08日 17:38:26   作者:  
ajax的json传值想必大家早有所耳闻了吧,本文介绍下jsp页面中json传值应用,感兴趣的你可以参考下哈,希望可以帮助到你
jsp页面
复制代码 代码如下:

$(document).ready(function() {
setInterval(function myTimer()
{
//alert('a');
getViews();
},1000);
});
//播放
function getViews(){
$.ajax({
'url':"${pageContext.request.contextPath}/video/getVideos.action?r="+Math.random()+"&open=1",
'data': '',
'dataType': 'json',
'type': 'get',
'error': function(data){
alert("error");
return false;
},
'success': function(data) {
if(null != data && '' != data){
//alert(data.updateFlag);
if(data.updateFlag==0){//如果data.updateFlag=0 不刷新
//alert("data.updateFlag=0");
}
else{
if(data.videoIds != null && data.videoIds != ""){
var listIds=data.videoIds;
var i=0;
for(;i<listIds.length;++i){
//alert("show:"+i+"id=:"+listIds[i]);
showView(listIds[i],i);//播放
}
for(var j=listIds.length;j<9;++j){
//alert("Stop:"+j);
StopPlayVideo(j);
}
}
}
}
}
});
}

此处由于此代码实现的功能是通过ajax定时访问后台Hashtable,所以为了是系统区别url不同、ajax返回值不同,特意在url后加上r=+Math.random()
java后台处理方法
复制代码 代码如下:

/**
* 双服务器九宫格显示
*
* @return
*/
@Action(value = "getVideos" ,results={
@Result(name = SUCCESS,location="videos2.jsp")
})
public String getVideos() {
if (open == 301) {
return SUCCESS;
} else {
try {
VideoHashTable videoHashTable = VideoHashTable.getInstance();
Hashtable<Long, Long> hashTable = videoHashTable.getRht();
Map map = new HashMap<String, List<Long>>();
if (videoHashTable.isUpdateFlag() == true) {
Enumeration en = hashTable.keys();
videoIds = new ArrayList<Long>();
while (en.hasMoreElements()) {
Long key = (Long) en.nextElement();
// vth.get(key);
videoIds.add(key);
}
map.put("videoIds", videoIds);
map.put("updateFlag", 1L);
videoHashTable.setUpdateFlag(false);
System.out.println("getVideos:" + videoIds);
SendMessage.sendObject(map);
} else {
map.put("updateFlag", 0L);
SendMessage.sendObject(map);
}
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
}

关键要把传到jsp的页面存到map中,在通过json传值。
SendMessage.sendObject(map)方法所在类及方法
复制代码 代码如下:

package com.supcon.honcomb.utils;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletResponse;
import org.apache.http.HttpResponse;
import org.apache.struts2.ServletActionContext;
public class SendMessage {
public static void sendMessage(String responseText){
try {
PrintWriter out = ServletActionContext.getResponse().getWriter();
out.print(responseText);
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
public static void sendObject(Object obj) throws Exception {
PrintWriter pw;
String rtn = "";
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");
rtn = JsonUtil.JsonFromObject(obj);
pw = response.getWriter();
pw.write(rtn);
pw.flush();
pw.close();
}
}

相关文章

  • ajax简介_动力节点Java学院整理

    ajax简介_动力节点Java学院整理

    这篇文章主要为大家详细介绍了ajax基础知识点,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 原生ajax调用数据实例讲解

    原生ajax调用数据实例讲解

    这篇文章主要向大家介绍了原生ajax调用数据实例,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-01-01
  • JQuery ajax 返回json时出现中文乱码该如何解决

    JQuery ajax 返回json时出现中文乱码该如何解决

    最近有朋友反映使用jquery.ajax调用返回json时出现中文乱码,遇到此问题,非常棘手,下面小编帮大家解决JQuery ajax 返回json时出现中文乱码问题,感兴趣的朋友跟着一起了解了解吧
    2015-09-09
  • AJAX避免用户重复提交请求实现方案

    AJAX避免用户重复提交请求实现方案

    为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮,接下来与大家一起分享下实现方法
    2013-04-04
  • Ajax 请求队列解决方案并结合elementUi做全局加载状态

    Ajax 请求队列解决方案并结合elementUi做全局加载状态

    这篇文章主要介绍了Ajax 请求队列解决方案并结合elementUi做全局加载状态,使用 消息队列 制作 请求防抖,防止重复请求印象服务器,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10
  • ajax同步异步简单实现

    ajax同步异步简单实现

    本文为大家介绍下ajax同步异步的简单实现,感兴趣的朋友可以参考下
    2014-01-01
  • Ajax添加数据与删除篇实现代码

    Ajax添加数据与删除篇实现代码

    Hello 大家好!这个ajax系列教程讲到这里已经完成50%了.第4篇讲了ajax向数据库添加数据,第5篇讲了ajax修改数据库中的数据.今天我们来讲ajax添加数据与删除并存的实例效果.
    2010-10-10
  • HTML5 Ajax文件上传进度条如何显示

    HTML5 Ajax文件上传进度条如何显示

    这篇文章主要介绍了HTML5 Ajax文件上传进度条是如何显示的,基于原生html5实现,不需要falsh支持,进度可以自定义显示,控制灵活,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • SpringMVC环境下实现的Ajax异步请求JSON格式数据

    SpringMVC环境下实现的Ajax异步请求JSON格式数据

    这篇文章主要介绍了SpringMVC环境下实现的Ajax异步请求JSON格式数据的相关资料,需要的朋友可以参考下
    2016-05-05
  • 如何使用ajax读取Json中的数据

    如何使用ajax读取Json中的数据

    这篇文章主要介绍了如何使用ajax读取Json中的数据,如何使用AJAX读取Json数组里面的数据,感兴趣的小伙伴们可以参考一下
    2016-04-04

最新评论