【ASP.NET】——Jquery下使用Ajax

JqueryAjax.aspx 

<script src="../Js/jquery-1.7.1.js"></script>
<script type="text/javascript">
        $(function () {
            $("#btnGet").click(function(){
                $.get("GetDate.ashx", { "name": "lisi", "pwd": "123" }, function (data) {
                    alert(data)
                });

            });

            $("#btnPost").click(function () {
                $.post("ShowDate.aspx", { "name": "lisi", "pwd": "123" }, function (data) {
                    alert(data)
                })
            });


            $("#btnAjax").click(function () {
                $.ajax({
                    type: "POST",
                    url: "GetDate.ashx",
                    data: "name=John&location=Boston",
                    success: function (msg) {
                        alert("Data Saved: " + msg);
                    }
                });

            });


        });
    </script>

        <input type="button" value="GET获取数据" id="btnGet" />
        <input type="button" value="POST获取数据" id="btnPost" />
        <input type="button" value="AJAX获取数据" id="btnAjax" />