深入浅出Ajax（一）
客户端：
<script type="text/javascript">
window.onload = initPage; function initPage()
{
var btn = document.getElementById("btnOK");
btn.onclick = function ()
{
getDetails(this.title);//按钮单击发送请求
}
} function getDetails(obj)
{
request = createRequest(); //创建请求对象
if (request == null)
{
alert("没有请求对象！");
return;
}
var url = "DetailForm.aspx?title=" + escape(obj);//向何处发请求
request.open("GET", url, true); //请求方式
request.onreadystatechange = displayDetails;//函数引用，设置回调函数
request.send(null);//没有随请求发送额外东西
} function displayDetails()
{
if (request.readyState == 4)
{
if (request.status == 200)
{
document.getElementById("btnOK").value = request.responseText;
} }
}
function createRequest()
{
try
{
request = new XMLHttpRequest();
} catch (tryMS)
{
try
{
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (otherMS)
{
try
{
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed)
{
request = null;
}
}
}
return request;
} //完全看不到页面的刷新，却从服务器端拿回了数据！
</script>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="btnOK" value="Ok" title="确定" />
</div>
</form>
</body>
服务端：
public partial class DetailForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string str = Request.QueryString["title"];
if (str != null && str != "")
{
Response.Write("new_" + str);
}
else
{
Response.Write("nothing");
}
Response.End();
}
}
深入浅出Ajax（一）的更多相关文章
- 深入浅出Ajax
原文(我的GitHub):https://github.com/liangfengbo/frontend-ability/issues/1 学习大纲 理解Ajax的工作原理 Ajax核心-XMLHtt ...
- 深入浅出Ajax（五）
function initPage() { alert("3+3");//3+3 alert(eval("3+3")); //6 //eval()函数可以解析. ...
- 深入浅出Ajax（四）
function initPage() { btn.onmouseover = buttonOver; btn.onmouseover = buttonOut; } 如上,浏览器只会运行指定的最后一个 ...
- 深入浅出Ajax（三）
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...
- 深入浅出Ajax（二）
<script type="text/javascript"> window.onload = initPage; function initPage() { var ...
- Java程序员从笨鸟到菜鸟全部博客目录
本文来自:曹胜欢博客专栏.转载请注明出处:http://blog.csdn.net/csh624366188 大学上了一年半,接触java也一年半了,虽然中间也有其他东西的学习,但是还是以java为主 ...
- 大量Javascript/JQuery学习教程电子书合集
［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- ［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- 【推荐分享】大量JavaScript/jQuery电子书籍教程pdf合集下载
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
随机推荐
- Javascript和HTML dom
今天在看DOM那一章的时候突然想到一个问题,众所周知的js的数据类型有两种:原始类型和对象类型.其中原始类型又包括以下几种类型:数字型.字符串型.布尔值.null和undefined.其中对象类型包括 ...
- POJ2524：Ubiquitous Religions （并查集模板）
Description There are so many different religions in the world today that it is difficult to keep tr ...
- Git 开发新的功能分支
软件开发中,总有无穷无尽的新的功能要不断的添加进来.添加一个新功能时,你肯定不希望因为一些实验性质的代码把主分支搞乱了, 所以每添加一个新功能,最好新建一个feature分支,在上面开发,完成后,合并 ...
- 16．按要求编写Java应用程序。 编写一个名为Test的主类，类中只有一个主方法； 在主方法中定义一个大小为50的一维整型数组，数组名为x，数组中存放着{1， 3，5,…,99}输出这个数组中的所有元素，每输出十个换一行；在主方法中定义一 个大小为10*10的二维字符型数组，数组名为y，正反对角线上存的是‘*’，其余 位置存的是‘#’；输出这个数组中的所有元素。
//分类 package com.bao; public class Shuchu { int[]yi=new int[50]; String[][]er=new String[10][10]; vo ...
- callback in C
callback is nothing but passing the function pointer to the code from where you want your handler/ c ...
- 从运营商小广告到HTTPS
相信很多人都试过这样的经历,浏览一个正常的网站时,右下突然角弹出一堆小广告,而且这些广告的内容和你浏览的网站格格不入: 前几天还有某微博用户爆料访问github时居然也有广告: 又或者,你有没有试过因 ...
- 取distinct数据同时还取其他字段
的 SELECT id,group_concat(distinct model) FROM tsdr_case group by model order by id
- 用TLS实现安全TCP传输及配置和访问https的web服务(转)
tls相关 大致原理 为了让两个之间实现安全传输,(我们把服务端统一叫做TcpServer,客户端统一叫做TcpClient),TcpServer在listen完了accept之后要用一个证书来声明自 ...
- 产生一个int数组，长度为100，并向其中随机插入1-100，不重复
#define RANDOM(X) (rand() % X + 1) int main() { //标志数组 ] = {}; ] = {}; //默认的随机数种子是1,这样的话,每次执行这个程序都会得 ...
- listener、context、filter、servlet及其加载顺序
首先说加载顺序:context-param—>listener —> filter —> servlet 这四类加载顺序与配置顺序无关,对于每一类内部的加载顺序,与配置顺序有关: l ...