ajax实例入门代码
更新时间：2008年11月18日 00:21:33 作者：
想学习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"]);
}
相关文章
此代码适合所有下拉列表取值;一个项目所有的下拉列表只需要这一个公用方法，接下来为大家详细介绍下具体实现步骤，感兴趣的朋友可以参考下，希望可以帮助到你2013-03-03
这篇文章主要为大家详细介绍了Ajax实现页面无刷新留言效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要为大家详细介绍了ajax跨页面提交表单的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了Ajax实现登录案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
下面小编就为大家分享一篇ajax实现上传图片保存到后台并读取的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
现在web开发中，ajax应用的比较多。关于此方面的框架也不少。在应用中都会遇到session过期的问题2009-07-07
AJAX = 异步 JavaScript 和 XML，AJAX 是一种用于创建快速动态网页的技术。本文给大家带来了全面解析Ajax综合应用大全，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧2016-06-06
基于iframe实现ajax跨域请求 获取网页中ajax数据
这篇文章主要介绍了基于iframe实现ajax跨域请求，并获取网页中ajax数据，如何利用网页ajax请求暴露出来的接口去抓取网页数据？需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了html+ajax实现上传大文件功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
本文通过实例代码给大家介绍了Ajax实现动态加载组合框功能，感兴趣的朋友一起看看吧2017-08-08
最新评论