jQuery
Ajax

jQuery .load() .get()

Ajax .load() .get()に関して

loadメソッド

概要

JavaScriptを用いてページの一部を動的に書き換える処理を行う

.load( ' ファイルの名前等 ' , コールバック関数 )

index.html
<input type="button" id="greet" value="もっと読む"  />
<div id="result"></div>

<script>
    $(function(){
        //greetのボタンをクリックしたら実行される。
        $('#greet').click(function(){
            //ここ大事
            &('#result').load('more.html');
            });
        });
</script>
more.html
<p>もっと読む時の内容がこちらです!</p>

上記のもっと読む内容がこちらですがdivタグの中身に格納されます。

参考:ドットインストール jQuery入門#17

get post メソッド

概要

JavaScriptを用いて指定したページにgetやpostの処理を行う
*記述先にpost,getを用いた処理を記述する必要がある。

$.get('ファイルパス',{ハッシュ},コールバック関数);

index.html
<input type="text" name="get_name" id="get_name" >
<button id="greet">結果を表示する。<button>
<div id="result"></div>

<script>
    $(function(){
        $('#greet').click(function(){
            $.get('result.php'),{           //一番目の引数
                get_name :('#get_name').val() //二番目の,セミコロンいらない
            }, function(date){
                $('result').html(date);     //三番目の引数(コールバック)
            }
            });
        });
</script>
result.php
echo htmlspecialchars( 'hi' . $_GET['get_name'] , ENT_QUOTES, "utf-8");

テキストボックスの中に入力された物が出力される
例)次郎を送信する
hi 次郎
がリザルト画面に帰ってくる。

備考 htmlspecialcharsは&といった文字列をhtml用の&anp;等に変換する処理を行う

参考:ドットインストール jQuery入門#18