我们在用ajax的时候,经常遇到要调取数据集合,然后拼装,将获得的数据放到一个新的位置,这样的事情。那要是返回的集合,那用一般的json拼装就很痛苦了,那么我们应该怎么办呢。其实很简单。
1.在strtus配置文件里
<!-- 根据产品一类查询二类信息 -->
<action name="ajaxSaleMutiProductType" method="ajaxSaleMutiProductType">
<result name="success">/views/system/forward.jsp</result>
</action>
我们仍然用一般的result方式。看这里指定到一个新的forward.jsp页面
2.在ajax里这么写
//点击展开二级列表
function openTwo(queryCode,queryType,fetchType,startTime,endTime){
var ctx=$('#ctx').val();
if($('#'+queryCode).attr("src")==ctx+"/views/images/all.jpg"){//展开
$('#'+queryCode).attr("src",ctx+"/views/images/one.jpg");
var url;
url=ctx+"/saleMuti2/ajaxSaleMutiProductType?startTime="+startTime+"&endTime="+endTime+"&name="+queryCode+"&queryType="+queryType;
$.ajax({
url :url,
type :"post",
//注意这里不要datatype
success : function(data) {
alert(data);
$('#'+queryCode+'abc2').html(data);//向指定位置写Html文件
$('#'+queryCode+'abc').attr("style","display:table-row;");//隐藏点击+号图标打开的内容
}
});
}else{
$('#'+queryCode).attr("src",ctx+"/views/images/all.jpg");//合上
$('#'+queryCode+'abc').attr("style","display:none;");//隐藏点击+号图标打开的内容
}
}
3.forward.jsp页面里我们就可以用一般jsp的方式获取页面,然后我们考虑,怎么将这个页面放到原来调用AJAX的位置呢,看我上面用红色标记的地方,向指定位置写Html.
完成,是不是很简单,这样很多要拼装的内容都省略了。
原理,请参考jqury api
分享到:
相关推荐
主要是用到jquery的ajax,java中的hibernate4的调用mysql数据和struts2地址重定向,并把数据转换成json数据,经过html页面中的javascript调用后台数据,有添加,修改,删除,查询等简单功能,适用于有ajax初学者,...
要实现jQuery的Ajax调用,我们需要使用`$.ajax()`函数。这个函数提供了一种灵活的方式,可以配置请求的所有方面,包括URL、数据类型、请求类型等。以下是一个基本的Ajax调用示例: ```javascript $.ajax({ url: '...
总的来说,"Java Jquery ajax级联"涉及前端Jquery库的AJAX调用,后端Java处理逻辑,以及JSON数据的交换。通过这种方式,可以创建动态、响应式的用户界面,提高用户体验。在实际项目中,还需要考虑错误处理、数据安全...
jQuery Ajax接收Java返回数据方法知识点详细说明: 1. jQuery Ajax技术: jQuery是流行的JavaScript库,其提供了一种简便的方法来实现Ajax请求。Ajax(Asynchronous JavaScript and XML)允许网页在不重新加载整个...
在Java程序中使用jQuery进行网页抓取可以极大地提高效率,因为jQuery是一个强大的JavaScript库,它提供了丰富的DOM操作和事件处理功能,使得我们可以更方便地解析和操作HTML文档。 在Java中实现jQuery的集成,我们...
第一,在对WebService做ajax请求的时候,请求的url的写法是:服务地址/调用的方法名称,这样在请求的url中就确定了要调用的方法了,不必再在WebService代码中去判断ajax请求调用的是哪个方法了。第二,方法可以返回...
Java API是Java开发的核心,它包含了各种预定义的类和接口,提供了丰富的功能,如输入/输出、网络通信、集合框架、多线程等。例如,`java.io`包提供了处理输入和输出流的类,`java.net`包用于网络编程,而`java.util...
在jQuery中,`$.ajax()`方法是核心的Ajax调用,可以设置URL、数据类型、回调函数等参数。例如,发送一个GET请求获取数据: ```javascript $.ajax({ type: 'GET', url: 'data.json', success: function(data) { /...
在实际开发中,这些jar包可以被添加到Java项目的类路径中,以便在服务器端处理JSON数据,同时配合jQuery进行前端的AJAX调用。例如,使用jQuery的$.ajax或$.getJSON方法发起请求,服务器端使用这些jar包解析请求中的...
客户端可能有一个HTML页面,通过JavaScript调用AJAX发送请求,服务器端使用.NET处理请求,将数据以JSON格式返回。例如,一个简单的获取用户信息的接口: ```javascript // 客户端AJAX请求 function getUserInfo() {...
JSON-RPC-Java框架可以在Servlet容器如Tomcat或J2EE应用服务器如JBoss中运行,允许JavaScript直接调用Java方法,包括普通的Java方法和EJB方法。这极大地简化了前端和后端的交互,使得开发人员可以更专注于业务逻辑,...
在Ajax调用中,这部分内容会被用于更新或替换页面的特定区域。 5. **DWRRegist**:这个文件可能是DWR的注册文件,用于设置和管理DWR的映射关系,确保客户端可以正确找到并调用服务器端的方法。 学习这个实例,你...
《精通Java+jQuery源码》是一本面向程序员的深度学习指南,旨在帮助读者理解并掌握两种重要的编程技术:Java和jQuery。这本书由曾顺在2008年9月撰写,旨在结合这两种语言的强大力量,提升开发者的技能水平。 Java是...
需要注意的是,$()返回的是一个jQuery对象(也就是一个集合对象),它不能直接调用DOM对象所定义的方法。例如,使用$('#msg')来获取id为msg的元素。如果要操作DOM对象的方法,可以先将jQuery对象转换为DOM对象。比如...
2. 链式调用:jQuery的每个方法都返回jQuery对象,这使得我们可以连续调用多个方法,而无需多次引用元素集合,如`$('div').addClass('highlight').css('color', 'red')`。 3. 事件处理:jQuery统一了不同浏览器之间...
4. jQuery常用语法:介绍了jQuery的多种元素引用方式,包括通过id、class、元素名、层级关系以及DOM或XPath条件等,并强调返回的对象是jQuery对象(集合对象),不能直接调用DOM定义的方法。 5. jQuery对象与DOM...