ajax文档中心

需求：
动态加载目录树节点数据。即：树的初始状态为根节点树，当点击其中一个节点时，再从数据库中获取当前节点的子节点。
环境：
Struts1+Hibernate3.0+jQuery+treeview
解决方案：
1.我自己的项目需求是：获取linux的FTP目录，以动态加载的方式取得该FTP上的所有目录及文件生成js树，点击文件获取该文件在FTP上的路径，目录不能点击。
2.准备工作：

<link rel="stylesheet" href="css/jquery.treeview.css" />
<link rel="stylesheet" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
<script src="js/jquery.treeview.async.js" type="text/javascript"></script>

以上各引用文件可以从网上下载的treeview 包里得到，下载地址：http://jquery.bassistance.de/treeview/jquery.treeview.zip。注意js文件的引用顺序，黄色部分是异步加载必须的js文件。具体应用 ......

采用Ajax传递参数加号(+)和与符号(&)时候，服务端获取到的参数并不如意！
(1) "+"号：JavaScript解析为字符串连接符，所以服务器端接收数据时"+"会丢失。
(2)"&"：JavaScript解析为变量连接符，所以服务器端接收数据时&符号以后的数据都会丢失。
解决办法：在传到服务端之前先将参数中的"+"和"&"符号都编码一下
function filter(str)
{
    str = str.replace(/\+/g,"%2B");
    str = str.replace(/\&/g,"%26");
    return str;
}
用该方法将参数过滤后传到服务端，服务端即可获取到正确的"+"或"&"符号！
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/zxdu721/archive/2009/07/10/4338411.aspx ......

//创建XMLHttpRequest对象，需要根据IE和浏览器类型创建不同的xhr对象
var xhrobj;
function check()
{
//获取文本框的值
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//针对firefox，Mozilla，ie7，ie8等
xhrobj = new XMLHttpRequest();
//针对某些特定版本的Mozilla浏览器的bug进行修正
if(xhrobj.overrideMimeType)
{
xhrobj.overrideMimeType("text/html");
}
}
else if(window.ActiveXObject)
{
//针对ie6，ie5
//将创建xhr对象的控件名称保存在数组中
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i<activexName.length;i++)
{
try
{
xhrobj = new ActiveXObject(activexName[i]);
break;
}
catch(e)
{
}
}
}

/*if(!xhrobj)
{
alert("XMLHttpRequest对象创建失败");
return;
}
else
{
alert(xhrobj);
}*/

//注册回调函数。这里只需要函数名不需要加括号
xhrobj.onreadystatechange = callback;
//设置连接.get连接方式，true表示采取异步方� ......

Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>
<!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 runat="server">
    <title>主页</title>
   <script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/thickbox.js" type="text/javascript"></script>
<link type="text/css" href="css/thickbox.css" rel="Stylesheet" />
</head>
<body>
<form id="form1" runat="server">
    <div style="margin-left:auto; margin-right:auto;width:400px;">
    <a href="ajaxLogin.html?height=120&width=250&modal=false" class="thickbox" title="请登录">
    我要进行JQUERY登录验证</a>
    & ......

页面文件类似：
<% using (Ajax.BeginForm("AjaxUpdate", 123, new AjaxOptions {
Confirm = "confirm str", LoadingElementId = "idLoading", UpdateTargetId
= "textEntered", OnSuccess = "validateForm" },new{id="idMyForm"}))
       { %>
       <%=Html.EditorFor(c=>c) %>
       <span id="textEntered">Nothing Entered
        Result
      </span>
    <% } %>
<input type="button" value="Client Click" onclick="ClientClick(event)" /><br />
    <script type="text/javascript">
        function ClientClick(event) {
            var form = document.getElementById(&quo ......

$(function(){
new AjaxUpload('file1', {
action: 'uploadpic.asp',
name: 'form1',
data:{act:'uploadfile',FormName:'form1'},
autoSubmit:false,
responseType:'json',
onSubmit:function(file,ext){
if (!(ext && /^(jpg|png|gif)$/i.test(ext))){
alert('请您上传jpg|png|gif格式的图片!');
return false;
}
else{
$('#esave').show();
}
},
onComplete:function(file,response){
$('#esave').hide();
$('#pic').val(response.imgfile);
}
});
}); ......

Ajax动态加载目录树（jquery treeview）

ajax传递特殊参数

Ajax入门例子

ASP.NET基于JQUERY的AJAX的验证登录（JSON）

ASP.NET基于JQUERY的AJAX的验证登录（JSON）

asp.net mvc ajax 外部js 异步递交 form的实现

asp.net mvc ajax 外部js 异步递交 form的实现

jQuery ajax upload image