- 浏览: 832927 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (363)
- 2010年3月 (3)
- 2010年4月 (3)
- Java (116)
- ExtJs (22)
- EJB3.0 (11)
- JQuery (28)
- SqlServer (5)
- Oracle (17)
- hibernate (21)
- struts2 (14)
- php (10)
- JavaScript (11)
- jbpm (6)
- spring (24)
- lucene (2)
- ibatis (7)
- C# (8)
- mysql (11)
- json (3)
- webservice (3)
- 设计模式 (1)
- jdbc (1)
- servlet (2)
- ice (6)
- 日常软件问题 (2)
- 生活 (2)
- iphone (1)
- rest (3)
- ruby (2)
- linux (13)
- quartz (1)
- poi (1)
- redis (13)
- memcached (4)
- nosql (2)
- tomcat调优 (1)
- 项目管理 (0)
最新评论
-
天使建站:
jquery里和数组相关的操作 附带具体的实例 ...
jquery对象数组 -
Cy0941:
$('#formId').form('submit',...) ...
easyui的form表单提交处理 -
shmily2038:
swifth 写道楼主,,你的命令写错啦,,[root@ser ...
centos直接yum安装nginx -
swifth:
楼主,,你的命令写错啦,,[root@server ~]# y ...
centos直接yum安装nginx -
随遇而安DXX:
...
REST
html code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<script type="text/javascript">
function initList(){
var xhr;
if(window.XMLHttpRequest)
xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr = new ActiveXObject("Microsoft.XMLHTTP");
xhr.open("get", "showListServlet", true);
xhr.onreadystatechange = function(){
if(xhr.status == 200 && xhr.readyState == 4){
parseXML2List(xhr.responseXML);
}
}
xhr.send(null);
}
function parseXML2List(xml){
var list = document.getElementById('list');
while(list.childNodes.length>0)
list.removeChild(list.firstChild);
var items = xml.getElementsByTagName("item");
for(var i=0;i<items.length;i++){
var option = document.createElement("option");
var text = "";
if(items[i].childNodes.length > 0)
text = items[i].firstChild.nodeValue;
var nText = document.createTextNode(text);
option.appendChild(nText);
list.appendChild(option);
}
}
</script>
</head>
<body onload="initList();">
<select id="list" size="5" style="width: 100px">
</select>
</body>
</html>
servlet code
package com.liyh.servlets;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@SuppressWarnings("unchecked")
public class ShowListServlet extends HttpServlet {
private static final long serialVersionUID = -6920365688165262694L;
private final List list = new ArrayList();
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//servlet返回的内容不允许客户端缓存
resp.setHeader("cache-control", "no-cache"); resp.setContentType("text/xml;charset=UTF-8");
PrintWriter out = resp.getWriter();
StringBuilder xml = new StringBuilder();
xml.append("<items>");
for (Object o : list) {
xml.append("<item>").append(o).append("</item>");
}
xml.append("</items>");
out.print(xml.toString());
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
@Override
public void init() throws ServletException {
list.add("xxaaaa");
list.add("");
list.add("xxbbbb");
list.add("");
list.add("xxcccc");
list.add("xxdddd");
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<script type="text/javascript">
function initList(){
var xhr;
if(window.XMLHttpRequest)
xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr = new ActiveXObject("Microsoft.XMLHTTP");
xhr.open("get", "showListServlet", true);
xhr.onreadystatechange = function(){
if(xhr.status == 200 && xhr.readyState == 4){
parseXML2List(xhr.responseXML);
}
}
xhr.send(null);
}
function parseXML2List(xml){
var list = document.getElementById('list');
while(list.childNodes.length>0)
list.removeChild(list.firstChild);
var items = xml.getElementsByTagName("item");
for(var i=0;i<items.length;i++){
var option = document.createElement("option");
var text = "";
if(items[i].childNodes.length > 0)
text = items[i].firstChild.nodeValue;
var nText = document.createTextNode(text);
option.appendChild(nText);
list.appendChild(option);
}
}
</script>
</head>
<body onload="initList();">
<select id="list" size="5" style="width: 100px">
</select>
</body>
</html>
servlet code
package com.liyh.servlets;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@SuppressWarnings("unchecked")
public class ShowListServlet extends HttpServlet {
private static final long serialVersionUID = -6920365688165262694L;
private final List list = new ArrayList();
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//servlet返回的内容不允许客户端缓存
resp.setHeader("cache-control", "no-cache"); resp.setContentType("text/xml;charset=UTF-8");
PrintWriter out = resp.getWriter();
StringBuilder xml = new StringBuilder();
xml.append("<items>");
for (Object o : list) {
xml.append("<item>").append(o).append("</item>");
}
xml.append("</items>");
out.print(xml.toString());
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
@Override
public void init() throws ServletException {
list.add("xxaaaa");
list.add("");
list.add("xxbbbb");
list.add("");
list.add("xxcccc");
list.add("xxdddd");
}
}
发表评论
-
easyui的form表单提交处理
2013-06-11 11:02 10297$('#fm').form('submit',{ ... -
extjs和jquery各适用于什么场景
2013-01-23 09:49 2075比较点 extjs jquery 是 ... -
extjs和jquery各适用于什么场景
2013-01-21 11:14 14151.应该说粒度不同,extjs ... -
jquery中对radio的操作
2012-12-07 09:13 1069要想获取某个radio的值有以下的几种方法,直接给出代码: ... -
jquery对select的操作
2012-12-06 10:36 884jQuery("#select_id"). ... -
禁用回车提交
2012-10-24 14:15 1072$("#form").keypress(f ... -
jquery中对动态生成的标签不会响应click事件
2012-09-24 09:53 1205Jquery中对ajax动态生成 ... -
jquery编写自己的插件
2011-05-16 17:16 1138js插件实现代码 第一种实现写法 ;(function($ ... -
编写jquery插件
2011-05-06 14:38 1193本文讲下开发jquery插件必须应有的要求。 1、在JQuer ... -
$.extend()
2011-05-06 14:31 1898// merge two object, modifyin ... -
jquery扩展
2011-04-22 16:36 1201//jquery.datagrid 扩展 (functio ... -
jQuery获取CheckBox选择的Value值
2010-10-13 17:11 5024$("input[name='checkbox_na ... -
invalid assignment left-hand side
2010-10-13 09:54 6471错误:invalid assignment left-hand ... -
jquery的each()方法分析
2010-07-22 08:52 2206/*! * jQuery源码分析- ... -
JQuery 禁用所有select标签的值
2010-07-10 15:10 2409JQuery 禁用所有select标签的值 只是一个知识小点 ... -
jquery对象数组
2010-07-10 13:50 1988我们都知道jQUery对象中 ... -
jquery与php的json交互2
2010-07-09 12:25 1560整理两个现成的函数:json_decode、json_enco ... -
jquery与php的json交互
2010-07-09 09:06 4029This plugin exposes four new fu ... -
jquery解析json
2010-07-08 16:18 3676var data=" { root: [ ... -
jquery隐藏表单(没id,使用name获取)
2010-07-08 16:04 5992隐藏表单值的获取 <input type="h ...
相关推荐
本文将深入探讨如何使用jQuery结合Ajax技术从后台获取数据,并动态生成下拉选择框(Dropdown List)。 首先,理解jQuery的核心概念至关重要。jQuery通过一个简洁的语法,使得JavaScript代码更易读写,例如,`$...
本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据,同时涉及JSON数据格式的使用。 首先,让我们了解JSON(JavaScript Object Notation),它是轻量级的数据交换格式,易于人阅读和编写,...
总结起来,jQuery接受后台传递的List的实现包括两部分:后端通过`@ResponseBody`注解将List对象转换为JSON并返回,前端通过jQuery的AJAX方法获取数据,然后使用`jQuery.each`遍历并处理每个元素。理解这个过程对于...
在讨论jquery ajax后台返回list, 前台用jquery遍历list的实现时,我们首先需要了解几个关键概念和知识点。jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得...
本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,并提供示例代码。 首先,理解问题的关键在于JavaScript数组在传递给后台时,如果数组内包含的是对象,会被转化为`[object Object]`的字符串形式。这是因为...
在这个特定的项目中,"JAVA AJAX中使用dwr获取后台list并在页面用表格显示",我们将探讨如何结合Direct Web Remoting (DWR) 框架来实现这一功能,同时涉及到二级联动的概念。 DWR是一个开源的Java库,它允许...
在这个案例中,我们将探讨如何使用jQuery在客户端通过POST方法调用ASP.NET WebService,进而获取由三层架构支持的后台数据。JSON(JavaScript Object Notation)格式的数据在后台与前端之间进行传输,它轻量级且易于...
1. **Action类的处理**:在Struts2的Action类中,你需要创建一个包含List对象的属性,这个List将存储后台处理的数据。例如: ```java private List<MyObject> dataList; // getter & setter ``` 2. **序列化...
标题“jQuery+json+servlet 动态取后台数据”揭示了一个常见的Web开发场景,其中前端JavaScript库jQuery被用来从后端服务器(通过servlet)获取动态数据,这些数据以JSON(JavaScript Object Notation)格式传输。...
Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中,使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。下面总结了几种常见的调用方法。 有参数的方法调用 在前台使用 jQuery 代码调用后台方法时,需要...
总结起来,"jQuery网站后台常用多级侧边栏导航菜单代码.zip"这个资源提供了一个完整的实现多级侧边栏导航菜单的解决方案。通过HTML构建菜单结构,jQuery处理交互逻辑,CSS进行样式设计,三者协同工作,创建出用户...
本文将详细介绍如何使用jQuery ZTree结合Ajax技术从后台Action获取JSON格式的数据并将其展示成树形结构。 #### 技术栈介绍 1. **jQuery**: 是一种流行的JavaScript库,简化了HTML文档遍历、事件处理、动画等操作。...
今天小编就为大家分享一篇jquery 通过ajax请求获取后台数据显示在表格上的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
// 后台逻辑,获取数据并转换为JSON格式返回 return Json(list, JsonRequestBehavior.AllowGet); } ``` 这是ASP.NET MVC的一个Action方法,它负责处理Ajax请求。返回的是JSON格式的数据,可以被jQuery的Ajax请求...
根据提供的文件信息,我们可以推断出这是一个关于使用`jQuery-EasyUI`框架实现多级菜单功能的示例代码。此代码主要关注后端部分,即如何构建和返回一个JSON格式的数据,供前端显示多级菜单使用。下面我们将详细介绍...
本知识点主要探讨如何利用jQuery的`$.post`方法将JavaScript数组发送到后台Action,并在服务器端获取并处理这些数据。这通常涉及到JSON序列化、HTTP请求以及MVC模型绑定等技术。 首先,jQuery的`$.post`函数是用于...
在本示例中,jQuery将用于发起Ajax请求,接收并解析JSON数据,然后在页面上以表格形式展示这些数据,实现局部刷新。 **Ajax与jQuery结合使用** 1. **创建Ajax请求**:在jQuery中,可以使用`$.ajax()`函数发起一个...
在这个项目中,DWR被用来实现在不刷新整个页面的情况下,从后台获取list数据并动态地在表格中展示,同时还有二级联动功能的实现,增加了用户操作的便捷性。下面我们将深入探讨这个项目的各个关键技术点。 首先,DWR...