Ajax 在用户控件中的应用（以Google Suggest为例）
事件触发：
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
客户端主体：
//定义用户控件ID全局变量
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//页面加载时的处理
function BodyLoad()
{
HideDiv(ClientID + "searchresults");
var findtextbox = document.getElementById(ClientID + "keyword");
findtextbox.focus();
}
function ClearResults()
{
//...（寻找元素时ID前均加 ClientID）
}
function LoadResults(searchterm)
{
//...
// 前加一个ClientID作为参数
Anthem_InvokeControlMethod(
"<%= ClientID %>",
'RetrieveRows',
[searchterm],
LoadResultsCallback);
}
function LoadResultsCallback(result)
{
//...（寻找元素时ID前均加 ClientID）
}
function ReplaceInput(tablecell)
{
//...（寻找元素时ID前均加 ClientID）
}
服务器端主体：
protected void Page_Load(object sender, EventArgs e)
{
Anthem.Manager.Register(this); //注册Anthem
}
[Anthem.Method] // 声明为Anthem前端可感知的方法
public DataTable RetrieveRows(string searchterm)
{
//...
}
//重载页面OnInit事件
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
//获取ClientID值
string jcode = "<mce:script language=\"javascript\" type=\"text/javascript\"><!--
ClientID = '" + this.ClientID + "_" + "';BodyLoad();
// --></mce:script>";
//给客户端页面添加js代码，使前端得到ClientID变量值
Page.ClientScript.RegisterStartupScript(typeof(Page),"suggest_control", jcode);
}
相关文档：
一、 新建一个Ajax_Start的网站
二、 在网站中添加一个web服务（ws_start.asmx）
在vs2008中，添加一个web服务生成了两个文件，一个是asmx文件，一个是在App_code里的cs文件；我觉得这样并不好，� ......
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/ ......
首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么能传递文件呢？其实出于安全考虑js是不能操作文件的，所以就不要再说用ajax来实现文件的上传了，这是不可能的。
而本文实现的文件上传也是无页面刷新的，可以说是一种"类似AJAX"方法。
&n ......
Ajax调用远程服务器数据会出现拒绝访问的问题。这是因为基于安全的考虑，AJAX只能访问本域下的资源，而不能跨域访问。也就是说，domain1.com站点中的AJAX只能访问domain1.com站点下的资源,而不能跨域访问domain2.com站点中的资源，这就是AJAX跨域问题。
解决思路：页面在提交请求时 ......
JSP:
课程名称:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<html:select property="icourseId" onchange="change(this)" style="width:180px;">
<html:opt ......
