PHP & JavaScript Room :: 設置サンプル

実行結果

jQuery::非同期通信：Ajaxリクエスト::load(url[, data[, callback]])の使用例

「sample_utf-8.txt」ファイル内のli要素だけを読み込んで表示します。

    設置サンプルのソース

    <!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="utf-8">
   <title>jQuery::非同期通信：Ajaxリクエスト::load(url[, data[, callback]])の使用例</title>
   <link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
   <!-- JS -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script>
      $(function(){
         $("#sample").load("/content/demo/sample_utf-8.txt li");
       });
   </script>
<link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
<body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP &amp; JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
<!-- CONTENT -->
      <h1>jQuery::非同期通信：Ajaxリクエスト::load(url[, data[, callback]])の使用例</h1>
      <p><a href="/content/demo/sample_utf-8.txt">「sample_utf-8.txt」</a>ファイル内のli要素だけを読み込んで表示します。</p>
<!-- CODE -->
      <div style="border:1px solid #ccc;padding:10px;">
         <ol id="sample"></ol>
      </div>
<!-- / CODE -->
<!-- / CONTENT -->
   </div>
</body>
</html>