当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > ajax实例入门代码

AJAX技术
5款Ajax 文件上传控件
使用jQuery简化Ajax开发
ajax 异步获取数据实现代码 (js创建ajax对象)
AJAX 用户唯一性验证实现代码
ajax+php 谷歌搜索框自动填充功能 实例代码
ajax 同步和异步XMLHTTP代码分析
AJAX 动态获取当前时间(php)
AJAX 实时读取输入文本(php)
AJAX 二级级联菜单实现代码
利用AJAX实现鼠标悬浮获取值的代码
javascript ajax功能函数
javascript对XMLHttpRequest异步请求的面向对象封装
一个AJAX类代码
AJAX在GB2312的中文编码传输 AJAX特殊字符编码正确方法
编码为GB2312网站让AJAX接收的数据显示支持中文
ajax实现的提交文章前进行敏感词审核的代码
js+AJAX异步从优酷专辑中采集所有视频及信息
ajax 缓存 问题 requestheader
十大最佳Ajax教程收集(图文)

AJAX技术 中的 ajax实例入门代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 41 ::
收藏到网摘: n/a

想学习ajax的朋友,如果刚开始接触可以查看软晨学习网的ajax栏目,之前的一些文章。

静态页面

复制代码 代码如下:

<!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>
<title>无标题页</title>
<script type="text/javascript" src="jquery/jquery.js" >
//这里不可以用<script type="" src="" />
</script>
<script type="text/javascript">
/*
encodeURI 方法
对URL传递的参数进行编码
将文本字符串编码为一个有效的统一资源标识符 (URI)。
*/
function createQueryString(){
var firstName=encodeURI($("#firstName").val());
var birthday=encodeURI($("#birthday").val());
//组合成对象的形式
var queryString={firstName:firstName,birthday:birthday};
return queryString;
}
function doRequestUsingGET(){
$.get("AjaxServe.aspx",createQueryString(),
//发送GET请求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
function doRequestUsingPOST(){
$.post("AjaxServe.aspx",createQueryString(),
//发送POST请求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
</script>
</head>
<body>
<h2>输入姓名和生日</h2>
<form>
<input type="text" id="firstName" /><br />
<input type="text" id="birthday" />
<input type="button" value="GET" onclick="doRequestUsingGET();" /><br />
<input type="button" value="POST" onclick="doRequestUsingPOST();" />
</form>
<div id="serverResponse"></div>
</body>
</html>

动态页面
复制代码 代码如下:

protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("后台数据");
if (Request.HttpMethod == "POST")
Response.Write("POST:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
else if(Request.HttpMethod=="GET")
Response.Write("GET:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
}