Query ajax操作!!

   

上面是js实现异步操作的原理,ajax只不过实现了它的一些封装....

<script type="text/javascript">

        $(document).ready(
        function () {

            $("#btnClick").bind("click", function () {
                $.ajax({
                    type: "post",//请求方式
                    url: "ajaxHandler.aspx/sayHi",//url地址
                    contentType: "application/json; charset=utf-8", //格式和编码
                    dataType: "json",
                    success: function (data) {    //成功执行的函数
                        $("#msg").css("color", "#0000FF").html(data.d);
                    },
                    error: function (err) {  //
                        $("#msg").css("color", "#FF0000").html("access faield:" + err);
                    }
                });
                return false;
            });

        });
    
    </script>

 

cs.代码

  [WebMethod]
     public static string sayHi()
     {
        return "Hi,Welcome to China!";
     }