深入浅出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 ...
随机推荐
- hdu_1790_The Balance(母函数)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=1709 题意:给你一些砝码,让你输出1—sum中不能称出的重量 题解:直接上母函数,在合并括号的时候有加 ...
- hdu_5680_zxa and set(想法题)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=5680 题意: 问题描述 zxa有一个集合A=\{a_1,a_2,\cdots,a_n\}A={a1 ...
- A框架 第三步 先加载父类,如果加载子类.立马报错.里面继承的父类还没有导入
先导入 超级父类 如object.php ----controller.php 框架文件中 后导入 当前请求的controller的抽象父类(controller_abstract) 最后 导入 ...
- <marquee>，视频和音频的插入，正则表达式
1.marquee 页面的自动滚动效果,不仅可以移动文字,也可以移动图片表格. <marquee></marquee>之间加内容即可. marquee的属性 1.滚动方向dir ...
- 使用SpringSecurity3用户验证(异常信息，验证码)
1. 自定义user-service后,封装自定义异常信息返回 通常情况下,抛UsernameNotFoundException异常信息是捕捉不了,跟踪源码后发现 try { user = retri ...
- Linux系统的信号详解
一.信号类型 1) SIGHUP 2) SIGINT 3) SIGQUIT 4) SIGILL 5) SIGTRAP 6) SIGABRT 7) ...
- Oracle 游标及存储过程实例
/*********实例一*********/ create or replace procedure users_procedure is cursor users_cursor is select ...
- nginx 正则表达式
1.nginx配置基础 1.正则表达式匹配 ~ 区分大小写匹配 ~* 不区分大小写匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 ^ 以什么开头的匹配 $ 以什么结尾的匹配 转义字符.可 ...
- spice up your desktop
https://wiki.gnome.org/Projects/GnomeShell/CheatSheet windows10用了一段时间,回来看着gnome3-shell是那么的恶心,翻来翻去重新整 ...
- parted
1.选择分区表 sudo parted -s /dev/sdXX mklabel gpt 2.创建分区 sudo parted -s -- /dev/sdX mkpart primary 0 -1s ...