【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

1:下载jquery-1.3.2.js包,或者更高版本包,并在jsp中导入 2:在该jsp页面的js文件中使用 $.ajax({ type: "POST", ...
  • tianaoteam
  • tianaoteam
  • 2012年07月25日 09:12
  • 1402

在jsp中运用ajax(简单入门)

由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子。regist.jsp文件:一个简单的注册页面    %>注册页面  ...
  • tomison
  • tomison
  • 2007年01月22日 21:11
  • 25004

ajax 实现 JavaScript与jsp数据的传递

ajax 实现 JavaScript与jsp数据的传递
  • XIAOZHUXMEN
  • XIAOZHUXMEN
  • 2016年02月25日 21:34
  • 8826

AJAX与JSP结合实例,一个很简单实用的例子:身份证号码检验

搞了这么多年DELPHI,看着形势不搞JAVA就落伍了。最近公司搞的全是JAVA项目。我就狼吞虎咽,一个月把STRUTS,SPRING,JSF,AJAX等东西给吃下了,有的现在还在打嗝呢。好在现在发现...
  • szliszt
  • szliszt
  • 2007年07月03日 22:07
  • 22141

jsp文件ajax不执行

$.ajax           ({               type:"POST",               url:"servlet/shopServlet",             ...
  • linianzhenti
  • linianzhenti
  • 2015年08月14日 16:43
  • 1240

jsp与HTML+ajax的一些区别

我对jsp和ajax 一直比较困惑, jsp动态网页技术,在服务器端执行,能在网页中显示数据这是一种方式 . 另一种方式是 我打开一个网页(html),加载完成之后,使用js,ajax访问网络得到...
  • a18864802971
  • a18864802971
  • 2017年04月06日 08:58
  • 1179

jsp实现ajax的一个例子

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),局部提出请求得到服务器响应,并将相应结果显示在客户端,不重新加载整个网页,异步更新! ...
  • u013190444
  • u013190444
  • 2015年12月18日 17:39
  • 380

使用Ajax和JSP实现无刷新的登录页面

JSP页面代码: $(document).ready(function () { $("button").click(function () { $.post("/untitled/Servlet"...
  • GISuuser
  • GISuuser
  • 2016年11月25日 20:52
  • 1409

【JSP+Ajax+MySQL】使用JSP连接MySQL数据库

1、在MyEclisep中新建一个Web工程。 2、下载mysql-connector-java-5.1.22-bin.jar,地址: 把mysql-connector-java-5.1.22-bin...
  • Joanna_yan
  • Joanna_yan
  • 2014年11月30日 13:17
  • 875

jsp与ajax的数据传递

转自:http://blog.csdn.net/rushkid02/article/details/7515058 下面介绍JSP前台表单内容通过Ajax异步提交到后台Servlet...
  • zhangqindabendan
  • zhangqindabendan
  • 2016年11月02日 10:49
  • 2020
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【JSP】测试Ajax
举报原因:
原因补充:

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