*

sample.js

公開日: : 最終更新日:2015/05/06 WEB

$.post('<?php print($url); ?>',object)
 .done(function (data) {
   $("div").append(data);
   
   
 })
 .fail(function () { alert('失敗: ' + arguments[2]); });
 
});
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8" />

    <title>jQuery & Ajax通信を使ってPHPからJSON形式のデータを取得して表示するサンプル</title>
    
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script>
    $(document).ready(function()
    {
        /**
         * Ajax通信メソッド
         * @param type      : HTTP通信の種類
         * @param url       : リクエスト送信先のURL
         * @param dataType  : データの種類
         */
        $.ajax({
            type: "POST",
            url: "json.php",
            dataType: "json",
            /**
             * Ajax通信が成功した場合に呼び出されるメソッド
             */
            success: function(data, dataType)
            {
                //結果が0件の場合
                if(data == null) alert('データが0件でした');
                
                //返ってきたデータの表示
                var $content = $('#content');
                for (var i =0; i<data.length; i++)
                {
                    $content.append("<li>" + data[i].name + "</li>");
                }
            },
            /**
             * Ajax通信が失敗場合に呼び出されるメソッド
             */
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
                //通常はここでtextStatusやerrorThrownの値を見て処理を切り分けるか、単純に通信に失敗した際の処理を記述します。

                //this;
                //thisは他のコールバック関数同様にAJAX通信時のオプションを示します。

                //エラーメッセージの表示
                alert('Error : ' + errorThrown);
            }
        });
    });
    </script>
</head>
<body>
    <h1>jQuery & Ajax通信を使ってPHPからJSON形式のデータを取得して表示するサンプル</h1>
    <ul id="content"></ul>
</body>
</html>

admax_area



関連記事

no image

gg

http://www.webcreatorbox.com/tech/accessible-drop-

記事を読む

no image

tmp

http://pulseapp.com/ http://www.smashingmagazine.

記事を読む

no image

sample.php

MySQLのクエリログを保存するには、 Windows(Xampp)の場合は「C:\xampp\m

記事を読む

no image

script-load.php

<head> <link rel="stylesheet&qu

記事を読む

no image

call

<?php $array[] = $_POST['name']; $array[] =

記事を読む

no image

style.css

/* ---------------------------------------------

記事を読む

no image

default_body.php

<?php $sql = 'SELECT * FROM tbl01_name LIMIT

記事を読む

no image

content-body.php

<!--/*Function list*/ --> <div class=&

記事を読む

no image

content-header.php

<header class="global-header">

記事を読む

no image

js

<script> $(document).ready(function(){

記事を読む

admax_area



Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PREV
sample.php
NEXT
call

admax_area



PAGE TOP ↑