Help us understand the problem. What is going on with this article?

jQuery .load() .get()

More than 1 year has passed since last update.

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away