具体请点击:http://www.verydemo.com/demo_c110_i6437.html
jquery取后台list
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" ></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");
}
}
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" ></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");
}
}
相关推荐
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
jquery.selectlist.js下拉框美化插件是一款绿色清新风格简单的表单select下拉框美化特效,让下拉框看起来更加漂亮,不再单调。
这是一款基于jquery.selectlist.js插件实现的下拉框美化特效,简单的jQuery select下拉框美化代码。
至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码: <input type=button id=btnShow value=显示选中值 /> 下面我们绑定check
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
JQuery利用json读取JavaBean_List
Jquery 获取url参数,方便在js中获取url参数,重新制定url地址
jQuery featureList图片渐变切换_带图标的选项卡...
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
jjquery获取网站域名
jquery 获取当前浏览器滚动条宽度数值
select下拉框优化插件,能够兼容IE6及以上,动态加载后需要重新调用优化方法,在当前前端技术飞速发展的情况下,此类只能仅做回忆,开放给需要的童鞋
前后台传送list及map,包含了传json时所需要的包及相关内容
jQuery获取浏览器窗口的宽度和高度,各个方法的使用效果对比
JS 取色器插件,可以在页面选择并获取简单的颜色值
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
jQuery扩展函数,用于获取设置textarea中光标位置
下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
用Jquery获取checkbox多个选项详解、详细讲解jQuery获取checkbox,新手必看
超强的jQuery下拉选择列表插件Jquery Mega Select List.zip