AJAX 初学(转)
这两天一直在埋头苦练AJAX技术,虽然网上对AJAX的看法各有好坏,在我看来AJAX对我来说还是一个很不错的技术,它在很大的程度上减轻了服务器的负担,把一些简单的request通过利用javascript方法创建一个XMLHttpRequest对象发送和接收服务器的信息,不要通过刷新页面就能得到自己想要的效果,这简直是不可思议。下面给出一段AJAX+Servlet+Javascript一段最简单的代码供初学者参考,注意是初学者哦 。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sending Request Data Using GET and POST</title>
<script type="text/javascript">...
var xmlHttp;
function createXMLHttpRequest() ...{
if(window.ActiveXObject) ...{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest) ...{
xmlHttp = new XMLHttpRequest();
}
}
function createQueryString() ...{
var firstName = document.getElementById("firstName").value;
var middleName = document.getElementById("middleName").value;
var birthday = document.getElementById("birthday").value;
var queryString = "firstName = " + firstName + "&middleName=" + middleName + "&birthday=" + birthday;
return queryString;
}
function doRequestUsingGET() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}
function doRequestUsingPOST() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
qu
相关文档:
ajax弹出提示信息
1、 输入域:
<h2>工具提示</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">物品一</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">物品二 ......
AjAx.js
var bCheckUserPass = false;
var StrType;
function checkUsers(StrTmp)
{
var oB = window.document.all.nam
StrType=StrTmp
if (oB.length == 0) re ......
ajax中使用post 方式提交表单时能提交多达2GB的内容,而GET方法只能提交最多512KB的内容.以下是ajax POST提交的例子.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head& ......
前几天在Firebug扩展开发一文中就提到过Firephp这个基于Firebug的插件,通过使用Firephp你可以在Firebug的Console栏中看到要调试的数据,而不影响php程序的正常执行,所以说,这东西对于Ajax开发是很有帮助的!下面一起来看下Firephp的使用方法。
第一步:安装
1.如果你的FireFox没有Firebug这个插件的话,首先要安装Fire ......
js文件:
var where=" where pd_Isjifen=0 and pd_Isok=1"; //查询条件
var psize=16; //查询数据数目
var pindex=0;//当前页数
var order=" order by pd_Update desc,type_sort,pd_brand,pd_typeid"; //排序条件
var temp=0; //模板名称
var Pcount=0;
//获取参数
function getUrlPara(p ......