[jQuery] 제이쿼리 Ajax 사용하기

[1] .ajax 사용하는 방법 입니다.

<script type="text/javascript">
  $("document").ready(function() {
      getData();
    });
    
    function getData() {
        $.ajax({
            url: "testdata.txt",
            type: "GET",
            dataType: "text",
            success: successFn,
            error: errorFn,
            complete: function (xhr, status) {
                console.log("The request is complete")
            }

        })
    }
    
    function successFn(result) {
      console.log("Setting result");
      $("#ajaxContent").append(result);
    }
    
    function errorFn(xhr, status, strErr) {
      console.log("There was an error!");
    }
</script>

[2]    .get(txt)

.load(html)

.load(xx.html #p2) : html중 id 가 p2인것만 출력하는 것입니다

    <script type="text/javascript">
        $("document").ready(function() {
            getData();
        });
        
        function getData() {
//            $.get("testdata.txt", successFn)
//            $("#ajaxContent").load("testdata.html");
            $("#ajaxContent").load("testdata.html #p2");
        }

        function successFn(result) {
            console.log("Setting result");
            $("#ajaxContent").append(result);
        }
        function errorFn(xhr, status, strErr) {
            alert(strErr);
        }
    </script>