Ajaxで取得したHTMLにfindを使って絞り込めない
Ajaxで取得したデータをfindで絞り込んだ際に、あるはずの要素を取得できない現象に遭遇したので、その対応方法をメモしておきます。 サンプルコード test.html(取得するHTML) <body> <div id="sample">ここの内容を取得してみます。</div> </body> JavaScript $(function() { $.ajax({ type: 'GET', url: 'test.html', dataType: 'html', success: function(data) { console.log(data); console.log($(data).find('#sample').length); } }); }); console.log(data)で表示した時点では#sampleが確認できますが、console.log($(data).find(‘
jQueryのAjaxを使って外部HTMLの一部を抜き出し挿入する - Qiita
皆様こんにちは。普段はC++やってます。 本題に。 jQueryを用いて単にhtmlを読み込み表示する これは簡単です。 http://yokano-jp.blogspot.jp/2013/10/jquery-html_10.html より引用します <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery load() sample</title> </head> <body> <h1>ここに外部 HTML ファイルを表示します</h1> <div id="page"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="load.js"></scri
【WordPress x Ajax】選択されたカテゴリの記事をAjaxで読み込む方法 | CoComina
https://cocomina.com/wp/wp-content/uploads/83H.jpg 今回はWordpressとAjaxを組み合わせて、クリックされたカテゴリに属する記事のみを取得して表示する方法です。 そもそもAjaxとはなんでしょう？ Ajaxとは、Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、Webページのリロードを伴わずにサーバとXML形式のデータのやり取りを行って処理を進めていく対話型Webアプリケーションの実装形態。 引用元：IT用語辞典 とのことです。では、Ajaxの仕組みが理解できた所で、おおまかな流れを説明します。 主に下記のようになっています。 カスタムナビゲーションにてカテゴリーリスト作成 カテゴリーを1つずつテンプレートに直接記述したり、get_the_category_list を使用してもいいのですが、それだと納品
AjaxとSESSIONの甘い罠にご注意！
こんにちは、Webプログラマの篠田です。 夏真っ盛りですね。連日の猛暑で今年も辛いですｗ。 今回は、需要が高いJavaScriptとPHPの連携であるAjaxを活用するときのSESSIONに関する「罠」についてご紹介します。 Ajaxは便利！ Ajaxは、ブラウザで入力された内容や操作を、JavaScriptを使ってPHP（サーバーサイド）にデータを送り、PHPの結果をJavaScriptでブラウザに反映するという技術です。 非常に便利で、画面遷移を必要としないシームレスなシステムを開発することができます。 ただ、PHP側の設計によって見落としがちな問題が発生する場合があります。 AjaxとSESSIONの罠 SESSIONは、ページ間を横断するときに、「情報」を保持したまま移動するために活用するPHPの仕組みです。 ※「情報」とは、この場合ログイン情報やカート情報などを指します。 本来で
WordPressでAjaxで固定ページをロードしたらプラグインのショートコードが動作しなくてハマった - 死ぬまでの暇潰し
WordPressで、Ajaxを使って非同期に他の固定ページのコンテンツをロードして表示するページを作成しました。 期待通りに動作していたのですが、TablePressを導入して、 そのショートコードを固定ページに挿入したら、 ショートコードのままのデータがAjaxで返ってきてしまいました。 Ajaxでなければ大丈夫 Ajaxを使わずに、固定ページのURL(〜/?page_id=**)でアクセスするページも作成しているのですが、 そちらは期待通りショートコードが変換されて表示されました。 どちらの処理でも、全く同じ以下の方法でページのコンテンツを取得しています。 $page = get_post( get_the_ID() ); echo apply_filters('the_content', $page->post_content); また、自分で functions.php に ad
WordPressでAjaxを使う方法の解説 | hijiriworld Web
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript
JavaScriptがページの読み込み時間を遅くする理由トップ10 | ゆっくりと…
CSS Sprites 化や画像サイズの最適化、Data URI 化、CSS/JavaScript ファイルの圧縮・結合・読み込み順番の整理やキャッシュ制御など、本サイトでは主に HTTP リクエストの数、データ量およびそれらの順番に関して色々なテクニックを試してきましたが、さらに深く掘り下げるには JavaScript の実行がページの読み込み時間に与える影響を知っておく必要があると思います。 「ウェッブサイトの表示速度を測定するフリーツール集」 でも紹介しましたが、dynaTrace AJAX Edition という優れたツールをフリーで公開している dynaTrace software のブログでこの問題を扱った記事がありましたので共有します。JavaScript 高速化 Tips は （例えば 「JavaScriptを高速化する6つのテクニック」 など） 多々あるかと思いますが、ペ
Javascriptで簡単に更新！ヘッダーやフッターなどの共通部分を簡単に更新する方法！ - Qiita
cms以外のhtmlで作った静的なサイトの共通部分、ヘッダーやフッターサイドバーなどを修正するとき一部分だけ変更する場合でも全ページのソースを修正しなければならないので大変です。 そこで何か一括で変換できるような方法がないかと思い、Javascriptで一括変換できるような方法を紹介します。 別にDreamweaverのtemplate機能やPHPで作成してもいいのですが、そもそもDreamweaverだとAdobeを購入しなければ行けないし、PHPだと「〜.php」になったり、html上でphpを使えるようにする為.accessの設定をしたりとかでサーバーごとの設定があるので今回はJavascriptを選択しました。 Javascriptで共通化していこう まず、ベースとなるHTMLにJavascriptを読み込めるようにします。
新人プログラマですがjQueryのajaxがわからなすぎて勉強したまとめ - Qiita
はじめに、 PHPとjQueryの基礎を勉強したのでajaxを使ってみよう！と思ったはいいものの、 最初全然わからなくてつまりまくってしまったので、ajaxの基礎(.get() .post() .load()だけ)を自分なりにまとめてみました。 jQueryのajaxがわからなかった理由 1.ajax自体どういうものか知らない人だった。 2.jQueryのAPI見たら、ajaxのいろんな関数あるけどどれから勉強したらいい？ 3.GETやPOSTを扱う場合、引数いろいろ渡さなければいけないみたいだけど、それぞれどういう意味？ callback関数って何？php側の書き方は？ わからないことがたくさんあり、一度に全部理解しきる体力がなく、とりあえず入門サイトのコードをコピペして動いたけど、結局どういうこと？ ってなってしまった。 ※私自身新人プログラマですので、書いている内容がいろいろダメな部
jQuery：Ajaxを使用してPOST送信でデータ取得 | raining
jQueryで画面をリロードせずにデータベース等のデータを取得してページに出力したい場合があります。 Ajaxを使用すればリロードせずにphpファイルを呼び出すことが可能です。 クリックしたり、スクロールしたりするとデータを追加していくようなページなど、 色々な場面で使用できそうです。 下記にjQueryのAjaxを使用してphpファイルを呼び出してPOST送信を行い、 データベースからデータを取得した時の方法をメモします。 ■ Ajaxを使用してPOST送信 ※知り合いから指摘を受けました。 POSTデータのチェックやSQLインジェクション対策は必ずしてください。 htmlファイルとphpファイルを用意します。 【JS】 ※index.html 下記は「#btn」をクリックした時にAjaxを使用してます。 <script type="text/javascript" src="http:
はじめてのAjax(jQuery) 2018年版 - Qiita
2018/03/21 2018年版に再編集 はじめに：Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略です。簡単に言えばJavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来ます。 Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がります。AngularJSなどで作成したシングルページアプリケーションはこの技術を中心に構成されています。 簡単にまとめると次のようになります。 ページ遷移をさせず（非同期処理で）コンテンツを書き換えられる 他の処理と同時並行で、サーバとやりとりができる また、jQueryでのAjax実装が手軽なので、今回はjQuery、ローカルサーバにMAMPを使用しています。 最初は、pythonやnodeなどのワンライナーでのローカルサ
リアルタイムなwebアプリを実現する方法(ポーリング、Comet、Server Sent Events、WebSocket) - SIerだけど技術やりたいブログ
以下のサイトに移行しました。 qiita.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
httpでもhttpsでもajaxアクセスできるようにするには | ogatism
jQueryのajaxによるポーリング