`

比较好的jquery 请求action加载select的例子

阅读更多
http://chenyunhong.iteye.com/blog/784551

/**
* 查询检测记录(异步请求)
* @return
*/
public void find(){
HttpServletResponse response = ServletActionContext.getResponse();
HttpServletRequest request = ServletActionContext.getRequest ();   
response.setContentType("text/xml");
response.setCharacterEncoding("GB2312");
PrintWriter writer = null;
//分页信息
PageBean page = new PageBean();
page = PageHandler.initPage();
if (index != null) {
page.setGotoPage(index);
}
try {
request.setCharacterEncoding("iso-8859-1");
writer = response.getWriter();
view = recordService.findRecordByCondition(recordForm, page);//调用底层接口返回数据
StringBuffer buffer = ActionBean.getRecordQueryString(view, request);//进行数据封装(html)
writer.write(buffer.toString());
} catch (Exception e) {
e.printStackTrace();
}finally{
if (writer != null)
writer.close();
}

response.setHeader("Charset", "GB2312");
response.setHeader("Cache-Control", "no-store");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", 0);
}




配置文件:
<!-- 查询历史检测记录 -->   
<action name="find" class="com.sclead.web.action.record.RecordAction" method="find"/>

页面JS函数:
//查询历史记录



function queryRecord(index){
var form = document.getElementById("find");
form.x_index.value=index;//页码
//参数
var parameter = "depId="+form.depId.value+"&devId="+form.devId.value+
"&locoType="+form.locoType.value+"&locoNO="+form.locoNO.value+
"&panType="+form.panType.value+"&isLoad="+form.isLoad.value+
"&startTime="+form.startTime.value+"&endTime="+form.endTime.value+
"&index="+index+"&flag=2";
$.ajax({
type:"GET",
url:"<%=path%>/record/find",
dataType: 'html',
cache:false,
data:parameter,
success:function(text){
//执行成功以后动态替换也页面内容,因为返回的格式为Html,直接显示即可
document.getElementById("content").innerHTML = text;   
}
});
}
分享到:
评论

相关推荐

    jquery获取后台数据生成下拉框

    当然,实际应用中可能需要考虑更多细节,比如处理异步请求期间的用户体验(如显示加载动画)、错误重试机制、缓存策略等。同时,前后端交互的安全性、性能优化以及数据格式的标准化也是需要关注的重点。 在前端开发...

    jquery根据一个值来选中select下的option实例代码

    在网页开发中,jQuery 是一个常用的 JavaScript 库,它提供了许多便利的方法来操作 DOM 元素,包括选择、修改和操作 Select 下的 Option 元素。本文将详细讲解如何使用 jQuery 根据一个值来选中 Select 下的 Option...

    jsp select 带多选框

    在这个例子中,`&lt;select&gt;`标签的`name`属性定义了表单字段的名称,`multiple`属性使得用户可以多选,`size`属性定义了下拉框显示的选项数量。每个`&lt;option&gt;`标签代表一个可选的值,用户可以看到并选择。 在实际应用...

    J2EE下拉列表动态加载

    在这个例子中,我们将使用Action类来响应用户的请求,获取需要填充下拉列表的数据,并将结果以List形式返回到页面。 2. **Hibernate框架**:Hibernate是一个对象关系映射(ORM)框架,用于简化数据库操作。在动态...

    Struts2+jQuery+ajax+mySql实现省市二级联动

    开发者需要创建一个Action类,这个类会处理来自jQuery的ajax请求,获取省份数据,以及根据省份查询城市数据。 jQuery是一款轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。在省市联动中,我们通常会...

    Struts2-Double-Select-Example

    Struts2是一个强大的Java web应用程序框架,它基于Model-View-Controller(MVC)设计模式,为开发者提供了构建可维护性、可扩展性良好的企业级应用...同时,这也是一个学习Struts2 MVC模式、标签库和数据绑定的好例子。

    Jquery加载时从后台读取数据绑定到dropdownList实例

    本文将详细讲解如何在jQuery加载时从后台读取数据,并将这些数据动态地绑定到dropdownList的option选项上,同时为value属性赋值。 首先,我们需要一个HTML页面,其中包含一个dropdownList元素。在这个例子中,我们...

    Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值_.docx

    在现代Web应用中,异步数据获取是一种常见的技术,它能提供更好的用户体验,因为用户无需等待整个页面刷新即可看到更新。本示例介绍了一个使用jQuery、Ajax和Java Servlet实现的下拉菜单动态加载数据的案例。 首先...

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    【JavaScript源代码】ajax jquery实现页面某一个div的刷新效果.docx

    在这个例子中,jQuery用于处理Ajax请求和DOM元素的操作。 3. **jQuery的Ajax方法**:`$.ajax()`是jQuery提供的一个核心方法,用于发起Ajax请求。在这个案例中,它设置了如下参数: - `type : "POST"`:请求类型,...

    基于Jquery自动补全

    2. **异步加载**:根据输入的长度动态调整加载数据的策略,避免一次性加载大量数据。 3. **搜索过滤**:使用更高效的搜索算法,如Trie树,以减少匹配时间。 **总结** jQuery UI的Autocomplete功能提供了强大的自动...

    struts2+pager-taglib 实现分页小例子

    在Action类中,我们可以使用Hibernate的Session对象来执行SQL查询,例如`select * from users limit #{start}, #{count}`,其中#{start}是当前页第一条记录的索引,#{count}是每页的记录数。这样,我们就能获取到...

    jquerydatatable服务器端分页实现方法[借鉴].pdf

    rand="+Math.random()`,`rand`参数加上随机数是为了防止浏览器缓存请求,确保每次加载新的数据。 2. **异步请求配置**: - 使用`$.ajax`函数发起GET请求,指定`contentType`为`"application/json"`,`dataType`为...

    Struts2级联doubleselect

    7. **Ajax技术**:为了实现动态加载子级选项,通常会结合使用Ajax技术,比如使用jQuery库发送异步请求,更新第二个下拉框的内容。 8. **JSON数据交换格式**:在Ajax请求中,服务器端返回的数据通常以JSON格式,因为...

    AJAX省级二级连动例子

    例如,可以使用`s:select`标签来创建下拉框,并配置AJAX属性,以便在选择变化时自动触发AJAX请求。 **7. 性能优化** 为了提高用户体验,可以考虑缓存已加载过的数据,避免每次选择都向服务器发起请求。另外,可以...

    jquery Ajax 对注册页进行验证

    在IT领域,jQuery和Ajax是前端开发中非常重要的技术,它们可以实现实时的数据交互,无需刷新页面即可完成数据的提交与验证。本文将详细解析如何利用jQuery和Ajax对注册页面进行用户验证,确保用户体验的同时,提高...

    最简单的下拉框联动不刷新页面示例

    在这个例子中,当`select1`的值改变时,我们创建一个新的XMLHttpRequest对象,设置请求类型为POST,目标URL为`api/linkedDropdown`,并设置请求头为JSON格式。当请求完成且状态为200时,我们解析返回的数据并调用`...

    选择图片入门小例子

    在Android中,`onActivityResult()`中的`data.getData()`可以获取到图片的URI,通过`ContentResolver`和`BitmapFactory`加载为`Bitmap`。在iOS中,`imagePickerController.selectedImage`可以直接获取到`UIImage`。 ...

    struts2二级联动下拉列表

    当用户选择省份时,会触发一个Ajax请求,Struts2会处理这个异步请求并返回城市数据,然后JavaScript(可能使用jQuery或其他库)更新城市下拉列表。 文件名"com.zhaosoft.province"可能表示源代码中包含了处理省份...

Global site tag (gtag.js) - Google Analytics