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
相关文档：
document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
------------------------------------------------------ ......
一、基础理解:
var e = document.getElementById("selectId");
e. options= new Option("文本","值") ;
//创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option>
//options是个数组,里面可以存放多个<option value="值">文本</option>这样的标签
1:opt ......
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
......
<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 ......
环境：Ajax+JSP，Tomcat5.05
参考：http://www.w3cschool.cn/index-24.asp.htm
文件：testAjax.html
<!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=gb ......
