Jquery+ajax的简单使用



//前台页面:

<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        function JqQueryPostTest() {
            $.ajax({
                type: "post",
                url: "Test.ashx?type=post",
                data: "username=lisi&&age=90",
                datatype: "text",
                success: function(data) {
                    alert(data);
                },
                error: function(data) {
                    alert("失败!");
                }
            })

        }
        function JqQueryGetTest() {
            $.ajax({
                type: "get",
                url: "Test.ashx?type=get",
                data: "username=lisi&&age=90",
                datatype: "text",
                success: function(data) {
                    alert(data);
                },
                error: function(data) {
                    alert("失败!");
                }
            })

        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
     <input type="text" id="username" />
     <br />
     <input type="text" id="age" />
     <br />
     <input type="button" value="JqQueryGetTest" id="btn" οnclick="JqQueryGetTest();"/>
      <input type="button" value="JqQueryPostTest" id="Button1" οnclick="JqQueryPostTest();"/>
    <div id="result">
    </div>
    </form>
</body>


.ashx 页面

public class Test1 : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");
            context.Response.Write(CheckPost(context));

           
        }
        public string CheckPost(HttpContext context)
        {
            string lei = context.Request["type"];
            string re = string.Empty;
            if (lei == "get")
            {
                string name = context.Request["username"];
                string age = context.Request["age"];
                re = "get方式访问("+name+"--"+age+")";
            }
            if (lei == "post")
            {
                string name = context.Request["username"];
                string age = context.Request["age"];
                re = "post方式访问(" + name + "--" + age + ")";
            }
            return re;
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

区别的话,

总之,GET方式传送数据量小(1KB左右),处理效率高,安全性低,会被缓存,而POST相反

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值