$.ajax({
url:'http://localhost/xxxx/test', //后台处理E序
async:true,
type:'get', //数据发送方?br /> dataType:'jsonp', //接受数据格式
jsonp: "callbackparam",//传递给h处理E序或页面的,用以获得jsonp回调函数名的接受 的参数名(默认为callback)
/*jsonpCallback:"jsonpCallback",*///可选项Q写上表C回函数的函数名用“ jsonpCallback”Q不?默认为jQuery自动生成的随机函?br /> success:function(result){
var eTime = new Date(); //l束旉
//讄在线人数
$("#server_count_1").html(result+"?);
},
error:function(){
alert("服务?q接p|");
}
});
后端处理c：
@Override
public String execute() throws Exception {
int zxrs = SessionCounter.getRealCount();
response.setContentType("text/plain");
response.setCharacterEncoding("utf-8");
String callbackparam=request.getParameter("callbackparam");
//System.out.println("callbackparam:"+callbackparam);
PrintWriter writer=response.getWriter();
//如果ajaxh写了 jsonpCallback:"jsonpCallback",
//writer.write("jsonpCallback("+zxrs+")");
//如果ajaxh没有?jsonpCallback:"jsonpCallback",
writer.write(callbackparam+"("+zxrs+")");//需要callbackparam参数接收随机函数?br /> return null;
}
]]>
<head>
</head>
<body>
<script type="text/javascript">
var fso;
var drvs;
var drv;
var s;
fso = new ActiveXObject("Scripting.FileSystemObject");
drvs = new Enumerator(fso.Drives);
s = " ";
for(;!drvs.atEnd();drvs.moveNext()){
drv = drvs.item();
s = s + drv.DriveLetter;
s += " - ";
if (drv.DriveType == 3)
n = drv.ShareName;
else if (drv.IsReady)
n = drv.VolumeName + " totalSize: " + drv.totalSize + " freeSpace: " + drv.freeSpace + " availableSpace: " + drv.availableSpace;
else
n = "[Drive not ready] ";
s += n + "\n ";
}
alert(s);
</script>
</body>
</html>
]]>
弹出框切换：http://www.lhgcore.com/
jQuery风格Q?a >http://ligerui.com/
开源社区：http://www.oschina.net/
]]>
1、基知识Q?strong>|页的大?/strong>?strong>览器窗口的大小
首先Q要明确两个基本概念?br /> 一张网늚全部面积Q就是它的大。通常情况下，|页的大由内容和CSS样式表决定。浏览器H口的大，则是指在览器窗口中看到的那部分|页面积Q又叫做viewportQ视口）。很昄Q如果网늚内容能够在浏览器H口中全部显C（也就是不出现滚动条）Q那么网늚大小和浏览器H口的大是相等的。如果不能全部显C，则滚动浏览器H口Q可以显C出|页的各个部分?br />
2、clientLeft,clientTop,clientWidth,clientHeight
Q图一 clientHeight和clientWidth属性）
clientWidth=width+padding
clientHeight=heigt+padding
function getViewport(){
if (document.compatMode == "BackCompat"){
return{
width:document.body.clientWidth;
height:document.body.clientHeight;
//整个|页的大?br /> }
else{
return{
width:document.documentElement(一个div).clientWidth
height:document.documentElement.clientHeight;
//一个div的大?br /> }
}
}
3、screenLeft,screenTop,screenWidth,screenHeight
|页上的每个元素q有scrollHeight和scrollWidth属性，指包含滚动条在内的该元素的视觉面U?那么Qdocument对象的scrollHeight和scrollWidth属性就是网늚大小Q意思就是滚动条滚过的所有长度和宽度?br /> function getViewport(){
if (document.compatMode == "BackCompat"){
return{
width:document.body.screenWidth;
height:document.body.screenHeight ;
//整个|页的大（包括不同见的滚动条大?如没有滚动条Qscreenwidth=clientwidthQ?br /> }
else{
return{
width:document.documentElement(一个div).screenWidth
height:document.documentElement.screenHeight ;
//一个div的大?nbsp;
}
}
}
4、offsetLeft,offsetTop,offsetWidth,offsetHeight(获取|页元素的绝对位|?
|页元素的绝对位|，指该元素的左上角相对于整张网左上角的坐标。这个绝对位|要通过计算才能得到?br /> 首先Q每个元素都有offsetTop和offsetLeft属性，表示该元素的左上角与父容器（offsetParent对象Q左上角的距R所以，只需要将q两个D行篏加，可以得到该元素的绝对坐?
offsetWidth=width+padding+border
offsetHeight=height+padding+border
Q图?offsetTop和offsetLeft属性）
下面两个函数可以用来获取l对位置的横坐标和纵坐标Q?br /> function getElementLeft(element){
var actualLeft = element.offsetLeft;
var current = element.offsetParent
while (current !== null){
actualLeft += current.offsetLeft;
}
return actualLeft;
}
function getElementTop(element){
var actualTop = element.offsetTop;
var current = element.offsetParent;
while (current !== null){
actualTop += current.offsetTop;
current = current.offsetParent
}
return actualTop;
}
׃在表格和iframe中，offsetParent对象未必{于父容器，所以上面的函数对于表格和iframe中的元素不适用.
5、获取元素位|的快速方?/span>
除了上面的函C外，q有一U快速方法，可以立刻获得|页元素的位|?那就是?/span>getBoundingClientRect()Ҏ。它q回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器H口QviewportQ左上角的距R?br /> var X= this.getBoundingClientRect().left;
var Y =this.getBoundingClientRect().top;
再加上滚动距，可以得到绝对位|?br /> var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;
目前QIE、Firefox 3.0+、Opera 9.5+都支持该ҎQ而Firefox 2.x、Safari、Chrome、Konqueror不支?/font>
]]>
]]>
1. 介绍
1QDOM(JAXP Crimson解析?
DOM是用与^台和语言无关的方式表CXML文档的官方W3C标准。DOM是以层次l构l织的节Ҏ信息片断的集合。这个层ơ结构允许开发h员在树中L特定信息。分析该l构通常需要加载整个文档和构造层ơ结构，然后才能做Q何工作。由于它是基于信息层ơ的Q因而DOM被认为是Z树或Z对象的。DOM以及q义的基于树的处理具有几个优炏V首先，׃树在内存中是持久的，因此可以修改它以便应用程序能Ҏ据和l构作出更改。它q可以在M时候在树中上下DQ而不是像SAX那样是一ơ性的处理。DOM使用h也要单得多?/p>
2QSAX
SAX处理的优炚w常类g媒体的优点。分析能够立卛_始，而不是等待所有的数据被处理。而且Q由于应用程序只是在d数据时检查数据，因此不需要将数据存储在内存中。这对于大型文档来说是个巨大的优炏V事实上Q应用程序甚至不必解析整个文档；它可以在某个条g得到满时停止解析。一般来_SAXq比它的替代者DOM快许多?
选择DOMq是选择SAXQ?对于需要自q写代码来处理XML文档的开发h员来_ 选择DOMq是SAX解析模型是一个非帔R要的设计决策?DOM采用建立树Şl构的方式访问XML文档Q而SAX采用的事件模型?
DOM解析器把XML文档转化Z个包含其内容的树Qƈ可以Ҏq行遍历。用DOM解析模型的优Ҏ~程ҎQ开发h员只需要调用徏树的指oQ然后利用navigation APIs讉K所需的树节点来完成Q务。可以很Ҏ的添加和修改树中的元素。然而由于用DOM解析器的时候需要处理整个XML文档Q所以对性能和内存的要求比较高，其是遇到很大的XML文g的时候。由于它的遍历能力，DOM解析器常用于XML文档需要频J的改变的服务中?
SAX解析器采用了Z事g的模型，它在解析XML文档的时候可以触发一pd的事Ӟ当发现给定的tag的时候，它可以激zM个回调方法，告诉该方法制定的标签已经扑ֈ。SAX对内存的要求通常会比较低Q因为它让开发h员自己来军_所要处理的tag。特别是当开发h员只需要处理文档中所包含的部分数据时QSAXq种扩展能力得到了更好的体现。但用SAX解析器的时候编码工作会比较困难Q而且很难同时讉K同一个文档中的多处不同数据?
3QJDOM http://www.jdom.org/
JDOM的目的是成ؓJava特定文档模型Q它化与XML的交互ƈ且比使用DOM实现更快。由于是W一个Java特定模型QJDOM一直得到大力推q和促进。正在考虑通过“Java规范hJSR-102”它最l用?#8220;Java标准扩展”。从2000q初已l开始了JDOM开发?
JDOM与DOM主要有两斚w不同。首先，JDOM仅用具体类而不使用接口。这在某些方面简化了APIQ但是也限制了灵zL。第二，API大量使用了Collectionsc，化了那些已经熟悉q些cȝJava开发者的使用?
JDOM文档声明其目的是“使用20%(或更?的精力解?0%(或更?Java/XML问题”(Ҏ学习曲线假定?0%)。JDOM对于大多数Java/XML应用E序来说当然是有用的Qƈ且大多数开发者发现API比DOMҎ理解得多。JDOMq包括对E序行ؓ的相当广泛检查以防止用户做Q何在XML中无意义的事。然而，它仍需要您充分理解XML以便做一些超出基本的工作(或者甚至理解某些情况下的错?。这也许是比学习DOM或JDOM接口都更有意义的工作?
JDOM自n不包含解析器。它通常使用SAX2解析器来解析和验证输入XML文档(管它还可以以前构造的DOM表示作ؓ输入)。它包含一些{换器以将JDOM表示输出成SAX2事g、DOM模型或XML文本文档。JDOM是在Apache许可证变体下发布的开放源码?/p>
4QDOM4J http://dom4j.sourceforge.net/
虽然DOM4J代表了完全独立的开发结果，但最初，它是JDOM的一U智能分支。它合ƈ了许多超出基本XML文档表示的功能，包括集成的XPath支持、XML Schema支持以及用于大文档或化文档的基于事件的处理。它q提供了构徏文档表示的选项Q它通过DOM4J API和标准DOM接口hq行讉K功能。从2000下半q开始，它就一直处于开发之中?
为支持所有这些功能，DOM4J使用接口和抽象基本类Ҏ。DOM4J大量使用了API中的Collectionsc，但是在许多情况下Q它q提供一些替代方法以允许更好的性能或更直接的编码方法。直接好处是Q虽然DOM4J付出了更复杂的API的代P但是它提供了比JDOM大得多的灉|性?
在添加灵zL、XPath集成和对大文档处理的目标ӞDOM4J的目标与JDOM是一LQ针对Java开发者的易用性和直观操作。它q致力于成ؓ比JDOM更完整的解决ҎQ实现在本质上处理所有Java/XML问题的目标。在完成该目标时Q它比JDOM更少防止不正的应用E序行ؓ?
DOM4J是一个非帔R怼U的Java XML APIQ具有性能优异、功能强大和极端易用使用的特点，同时它也是一个开放源代码的Y件。如今你可以看到来多的Java软g都在使用DOM4J来读写XMLQ特别值得一提的是连Sun的JAXM也在用DOM4J?
2.. 比较
1QDOM4J性能最好，qSun的JAXM也在用DOM4J。目前许多开源项目中大量采用DOM4JQ例如大名鼎鼎的Hibernate也用DOM4J来读取XML配置文g。如果不考虑可移植性，那就采用DOM4J.
2QJDOM和DOM在性能试时表C佻I在测?0M文档时内存溢出。在文档情况下q值得考虑使用DOM和JDOM。虽然JDOM的开发者已l说明他们期望在正式发行版前专注性能问题Q但是从性能观点来看Q它实没有值得推荐之处。另外，DOM仍是一个非常好的选择。DOM实现q泛应用于多U编E语a。它q是许多其它与XML相关的标准的基础Q因为它正式获得W3C推荐(与基于非标准的Java模型相对)Q所以在某些cd的项目中可能也需要它(如在JavaScript中用DOM)?/p>
3QSAX表现较好Q这要依赖于它特定的解析方式Q事仉动。一个SAX即到来的XML，但ƈ没有载入到内?当然当XML被dӞ会有部分文档暂时隐藏在内存中)?/p>
3. 四种xml操作方式的基本用方?/p>
xml文gQ?/p>
<?xml version="1.0" encoding="utf-8" ?>
<Result>
<VALUE>
<NO DATE="2005">A1</NO>
<ADDR>GZ</ADDR>
</VALUE>
<VALUE>
<NO DATE="2004">A2</NO>
<ADDR>XG</ADDR>
</VALUE>
</Result>
1QDOM
import java.io.*;
import java.util.*;
import org.w3c.dom.*;
import javax.xml.parsers.*;
public class MyXMLReader{
public static void main(String arge[]){
long lasting =System.currentTimeMillis();
try{
File f=new File("data_10k.xml");
DocumentBuilderFactory factory=DocumentBuilderFactory.newInstance();
DocumentBuilder builder=factory.newDocumentBuilder();
Document doc = builder.parse(f);
NodeList nl = doc.getElementsByTagName("VALUE");
for (int i=0;iQnl.getLength();i++){
System.out.print("车牌L:" + doc.getElementsByTagName("NO").item(i).getFirstChild().getNodeValue());
System.out.println("车主地址:" + doc.getElementsByTagName("ADDR").item(i).getFirstChild().getNodeValue());
}
}catch(Exception e){
e.printStackTrace();
}
2QSAX
import org.xml.sax.*;
import org.xml.sax.helpers.*;
import javax.xml.parsers.*;
public class MyXMLReader extends DefaultHandler {
java.util.Stack tags = new java.util.Stack();
public MyXMLReader() {
super();
}
public static void main(String args[]) {
long lasting = System.currentTimeMillis();
try {
SAXParserFactory sf = SAXParserFactory.newInstance();
SAXParser sp = sf.newSAXParser();
MyXMLReader reader = new MyXMLReader();
sp.parse(new InputSource("data_10k.xml"), reader);
} catch (Exception e) {
e.printStackTrace();
}
System.out.println("q行旉Q? + (System.currentTimeMillis() - lasting) + "毫秒");}
public void characters(char ch[], int start, int length) throws SAXException {
String tag = (String) tags.peek();
if (tag.equals("NO")) {
System.out.print("车牌LQ? + new String(ch, start, length));
}
if (tag.equals("ADDR")) {
System.out.println("地址:" + new String(ch, start, length));
}
}
public void startElement(String uri,String localName,String qName,Attributes attrs) {
tags.push(qName);}
}
3Q?JDOM
import java.io.*;
import java.util.*;
import org.jdom.*;
import org.jdom.input.*;
public class MyXMLReader {
public static void main(String arge[]) {
long lasting = System.currentTimeMillis();
try {
SAXBuilder builder = new SAXBuilder();
Document doc = builder.build(new File("data_10k.xml"));
Element foo = doc.getRootElement();
List allChildren = foo.getChildren();
for(int i=0;iQallChildren.size();i++) {
System.out.print("车牌L:" + ((Element)allChildren.get(i)).getChild("NO").getText());
System.out.println("车主地址:" + ((Element)allChildren.get(i)).getChild("ADDR").getText());
}
} catch (Exception e) {
e.printStackTrace();
}
}
4QDOM4J
import java.io.*;
import java.util.*;
import org.dom4j.*;
import org.dom4j.io.*;
public class MyXMLReader {
public static void main(String arge[]) {
long lasting = System.currentTimeMillis();
try {
File f = new File("data_10k.xml");
SAXReader reader = new SAXReader();
Document doc = reader.read(f);
Element root = doc.getRootElement();
Element foo;
for (Iterator i = root.elementIterator("VALUE"); i.hasNext();) {
foo = (Element) i.next();
System.out.print("车牌L:" + foo.elementText("NO"));
System.out.println("车主地址:" + foo.elementText("ADDR"));
}
} catch (Exception e) {
e.printStackTrace();
}
}
]]>
针对JSON的基于java和js多种操作与格式{换方?br /> org.json?br /> http://www.json.org/java/index.html
<!--[if !supportLists]-->1. <!--[endif]-->JSONObjectQ用一个HashMap来保存一个JSON对象的所有属性?br /> <!--[if !supportLists]-->2. <!--[endif]-->JSONArray用ArrayList来保存数据。JSON来自javascriptQjavascript中Array也是ObjectQ不知这里是如何保存q种关系的?br /> <!--[if !supportLists]-->3. <!--[endif]-->一些跟字符串有关的c，以及异常cR?br /> <!--[if !supportLists]-->4. <!--[endif]-->一些工LQ比如xml和json转换的类Q将http头和cookies转换为json的类Q?br />
Zorg.json包的JSON-LIBQbeanQmapQcollectionQjava arrayQxml与json间的转换?br /> http://json-lib.sourceforge.net/
http://json-lib.sourceforge.net/usage.html
Stringtree JSON:JSON与java对象间的转换
http://www.stringtree.org/stringtree-json.html
三个关键c：
JSONReader.java
JSONWriter.java
JSONValidator.java
JSONValidator用来查JSON的有效性?br /> JSONReader一个正Ş式的JSON字符串{换ؓ一个java对象?br /> JSONWriter一个java对象转换Z个JSON字符丌Ӏ?br />
XSLTJSONQ用xsltxml转换为json
http://www.bramstein.nl/xsltjson/
JSONTQ基于js和自定义规则Q{换JSONZQ意其他格?br /> http://goessner.net/articles/jsont/
]]>
]]>