ajax实例入门代码
2008-11-18 00:00
411 查看
静态页面
动态页面
<!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"]); }
相关文章推荐
- AJAX基础入门实例教程(含代码)
- ajax经典实例+代码大全
- ASP.NET中AJAX 调用实例代码
- Jquery+asp.net实现Ajax方式文件下载实例代码
- Spring MVC表单标签库实例代码入门教程
- 重写 ajax 实现 session 超时跳转到登录页面实例代码
- Spark+ECLIPSE+JAVA+MAVEN windows开发环境搭建及入门实例【附详细代码】
- jquery + ajax + json入门实例
- ajax实现的点击数目加1代码实例
- Atlas(AJAX)控件:Rating等级评分入门实例
- AJAX调用代码实例
- SpringMVC+Ajax+拼接html字符串实例代码
- 第一个 Ajax 入门实例
- 一个很好的ajax入门小实例,用户登录验证
- JCrop+ajaxUpload 图像切割上传的实例代码
- JCrop+ajaxUpload 图像切割上传的实例代码
- jQuery提交表单ajax查询实例代码
- php ajax XMLHttpRequest POST实例代码
- Ajax的简单实用实例代码
- php读取sqlite数据库入门实例代码