JavaScript 简单理解Ajax异步调用操作
JavaScript 简单理解Ajax异步调用操作的文章。
文章地址:http://www.soaspx.com/dotnet/ajax/javascript/javascript_20090915_349.html
这篇文章是理解Ajax技术的简单例程,挺简明扼要,很容易理解。
Ajax提供与服务器异步通信的能力,借助于Ajax,可以在用户单击按钮时,使用JavaScript和 DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。示例代码如下:
简单示例代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
function sendRequest()
{
XmlHttp.Open("POST","http://www.cnblogs.com/abeen/rss",true);//请求数据页面
XmlHttp.send(null);
XmlHttp.onreadystatechange=ServerState;//设置监听状态
}
//请求到数据时显示到页面
function ServerState()
{
if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
{
document.getElementB
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
使用JavaScript 对Cookie 操作的封装
通过本篇,您能了解到:
匿名函数
闭包的产生
JavaScript实现private 以及 public 访问权限
document.cookie 的操作
Javascript 没有 private , public 访问权限设置的关键字,但是可以通过一定的技巧来模拟出相同的结果.
首先我们来看下面一行 ......
// 浏览器显示区域的宽和高,向下还原后值会变小。
document.body.clientWidth;
document.body.clientHeight;
// 与上面的两个值相比,我觉得就是加上了滚动条的宽和高
document.body.offsetWidth;
document.body.offsetHeight;
// 整个网页的高度和宽度,包括滚动条中没有显示出来的
document.bod ......
AJAX中文问题分为两大类:
1)发送路径中的参数有中文,在服务器段接收参数值是乱码
例如:
var url="a.jsp?name=小李";
xmlHTTP.open ("post",url,true);
解决办法:
利用javascript的提供的escape()或encodeURI()方法
例如:
客户端:
var url="a.jsp?name=小李";
url=encode ......
<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
--></mce:style><style type="t ......