您的位置：首页 > 其它

实例入门(ajax)

2008-11-17 14:44 381 查看

静态页面

<!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"]);

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航