实例入门(ajax)

最新推荐文章于 2022-07-21 16:55:29 发布

greatverve

最新推荐文章于 2022-07-21 16:55:29 发布

阅读量1.3k

点赞数

分类专栏： JS.JQuery 文章标签： ajax button function url

本文链接：https://blog.csdn.net/greatverve/article/details/3319652

版权

JS.JQuery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

静态页面

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

greatverve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实例入门(ajax)

静态页面html xmlns="http://www.w3.org/1999/xhtml" >head> title>无标题页title> script type="text/javascript" src="jquery/jquery.js" > //这里不可以用script type="" src="" /> script>
复制链接

扫一扫

专栏目录