【JSP】测试Ajax

原创 2012年03月30日 15:51:11
	$.ajax({
     type: "get", 		//使用get方法访问后台
     dataType: "json", 	//返回json格式的数据
     url: "/cslv/documentation.do", //要访问的后台地址
     data: {
     	action : "queryFile",
     	pageNo: pageNo
     	//where: "where" 
     }, //要发送的数据
     success: function(json) {//msg为返回的数据,在这里做数据绑定     	
      	$.each(json.data, function(i, item) {
       	  var downpath ='<%=basePath%>'+item.FILEPATH+item.ID+'.'+item.FILETYPE; 
        	  $("#jgcsTable").append("<tr id='neRow' height='25px' class='box_ul'><td width='15' class='box_gray'> </td><td align='left'>"+
    	  	item.FILETITLE+"</td><td align='center'>"+item.FILESIZE+"</td><td align='center'>"+
      	  	item.FILETYPE+"</td><td align='center'><a style='cursor:pointer' onclick=\"javascript:download('"+downpath+"')\" class='orange' >下载</a></td></tr>");         	  	
        });        
        var pageNo = json.pageNo;//当前页
        var pageCount = json.fileCount/json.pageSize == 1?json.fileCount/json.pageSize:json.fileCount/json.pageSize+1; //得到总页数
        //显示上一页
        if(pageNo > 1){
        	$("#pages_id").append( "<a class='prev' href='javascript:back("+pageNo+")'>上一页</a>");
        }
         //<显示分页码
        $("#pages_id").append( "<strong>"+pageNo+"</strong>");
        alert("=="+parseInt(pageCount));
        if(pageNo != parseInt(pageCount)){
        	$("#pages_id").append( "<a class='next' href='javascript:next("+pageNo+")'>下一页</a>");
        }
        
        $("#pages_id").append("    <strong>共"+json.fileCount+"条数据</strong>");
     },
     /**
      function (XMLHttpRequest, textStatus, errorThrown) {
 		// 通常 textStatus 和 errorThrown 之中
 		   // 只有一个会包含信息
 		   //this; // 调用本次AJAX请求时传递的options参数
     },
     **/
     error:function(XMLHttpRequest, textStatus, errorThrown){
     	alert(textStatus);
     	alert("加载数据失败");
     	//return;
     }
   //  dataFilter:function(data,type){
   //  	alert(data);
   //  } 
     /**
     error: function() {
       alert("加载数据失败");
       return;
     } //加载失败,请求错误处理
     
     **/
   });


 dataFilter (data,type)

error:function(XMLHttpRequest, textStatus, errorThrown){
     	alert(textStatus);
     	//return;
     }

相关文章推荐

基本的JSP中调用Ajax与Servlet进行数据交互

首先创建jsp页面中  然后在页面中写入js代码! ">

jsp页面通过ajax取值/展示数据及分页显示

jsp页面通过ajax从后台获取数据,在页面展示,并实现分页效果代码: 【JavaScript部分】 function getComposition(pageno){ //al...

AJAX+jsp无刷新验证码实例

我们在做验证码的时候往往由于要反作弊,验证有时故意加入多的干扰因素,这时验证码显示不很清楚,用户经常输入错误。这样不但要重新刷新页面,导 致用户没有看清楚验证码而重填而不是修改,而且如果没有用sess...

jquery ajax提交表单从action传值到jsp

jsp页面: Javascript代码   var clientTel = $("#clientTel").val();                   var acti...

使用proxy.jsp代理实现ajax跨域请求

Java中可以使用HttpURLConnection来请求WEB资源。             1、 URL请求的类别       分为二类,GET与POST请求。二者的区别在于:   ...

[java源码] Java Web 文章管理系统(Jsp+Ajax+JDBC+MySql实现)

本示例是使用JavaWeb技术实现一个简单的文章管理系统(新闻管理系统)其中主要功能如下: 用户和管理员登录 用户发布新文章、文章详情查看、文章修改、文章删除与恢复 用户查看他人对自己授权的文章及其文...

在SSH框架下实现jsp页面的局部刷新(ajax)

在SSH框架下实现jsp页面的局部刷新(ajax)第一种方法:jsp中代码为 对应的js: var xmlhttp; function loadXMLDoc(url) { xmlhtt...

jsp+ajax+springMvc图片上传立刻回显 电商

jsp+springMvc图片上传立刻回显 电商

利用AJAX为JSP页面传递一个包含了若干对象的List集合

首先说明一下,我现在做的项目中前台用到的是jqm,利用的ajax向后台传递数值,返回的是json格式的数据。为了使大家一目了然,我把重要的代码张贴出来吧,并且个别地方有注释! 前台页面: ...

ajax 实现 JavaScript与jsp数据的传递

ajax 实现 JavaScript与jsp数据的传递
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【JSP】测试Ajax
举报原因:
原因补充:

(最多只允许输入30个字)