Menu

Wednesday, July 20, 2011

Ajax call using jquery

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://code.jquery.com/jquery-1.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#btn').click (function(){
                $.ajax({
                    type: "GET",
                    url: "test.html",
                    dataType: "html",
                    async: true,
                    success: function (html){
                        alert(html);
                    },
                    error: function (xhr, status, error) {
                        alert(status);
                    }
                });
            });
        });
        
    </script>
  </head>
  <body>
    <button id="btn" >Click Me</button>
  </body>
</html>