【意外と知らない】jQueryで別ページのhtmlを取得してDOM操作する方法 Web2018年3月23日 .load()メソッドを使った別ファイルのhtml取得はとても簡単ですが、「共通化や自動更新はしたいけどちょっとマークアップを変えたい」「同じ要素なんだけどもページごとに違う使い方をしたい」という場合、.load()メソッドだと限界があります。 そんな時、ajaxで別ページの要素を取得してDOM操作できると色々捗ります。本記事では、ajaxを活用した別ページのhtml取得方法についてご紹介させていただきたいと思います。 サンプルコード 以下のようにdataType:'html'でajax通信することで、簡単に別ページのDOMが取得できます。 ※ただし同ドメインのページに限ります(クロスドメイン不可) $(function(){ 'use strict'; $.ajax({ type:
![【意外と知らない】jQueryで別ページのhtmlを取得してDOM操作する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee8c41d12af7924aa043090cbcf8fb6020271ff6/height=288;version=1;width=512/https%3A%2F%2Fweb-diy.jp%2Fwp-content%2Fuploads%2Fthum-web-05.jpg)