Cacher is the code snippet organizer for pro developers

#18 非同期通信とはなにか？

<p>jQueryの練習</p>
    <button>もっと読む</button>
    <div id="result"></div>
  
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
        $(function() {

            // Ajax
            // Asynchronous JavaScript + XML
            // サーバーと通信 + ページの書き換え
            // 非同期: 処理が終わる前に次の処理に移る

            $('button').click(function() {
                $('#result').load('more.html', function() {
                    $('#message').css('color', 'red');
                });
                // $('#message').css('color', 'red'); これでは上手くいかない。load() という命令が非同期だから。.load() に第2引数で関数を与えるとOK←この関数のことをコールバック関数と呼ぶ
            });

        });
    </script>