- ベストアンサー
初歩的な質問なんですが、jqueryの .load( url +セレク
初歩的な質問なんですが、jqueryの .load( url +セレクタ ) メソッドで同じドメインの外部ファイルを読み込む際のURLを変数で扱う方法はありませんか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- jQueryのloadメソッドは外部XMLは読み込めないのでしょうか？
jQueryのloadメソッドは外部XMLは読み込めないのでしょうか？ タグが<aaa></aaa>となっているところの文字を抽出したいのですが外部にあるXMLは読み込めないものでしょうか？ $("#my1").load( "http://server.com/hoge.xml .aaa" ); テキストファイルでタグを書くと読み込みが出来るのですが、なぜかXMLにするとうんともすんとも動きません
- ベストアンサー
- AJAX
- jQueryでクロスドメインは可能らしいですが・・・
jQueryでクロスドメインは可能らしいですが・・・ 通常のライブラリだけでも可能なものでしょうか？ ただただ自分で管理しているサーバのページ上を同期するのと似たような感じでloadメソッドを使用したいと考えています。loadメソッドはクロスドメインで可能でしょうか？
- ベストアンサー
- JavaScript
- jQueryのload()を使用して外部のhtmlの特定の箇所を、別の
jQueryのload()を使用して外部のhtmlの特定の箇所を、別のhtmlの特定のセレクに読み込んでいます。ただ、読み込む先のURLが動的に変わるので、変数で扱えたらと考えています。 jQueryの中身の該当する部分と思われる箇所を見てみたのですが、引数で指定されているurlを変数で扱う方法などありませんでしょうか？未熟な知識で申し訳ないのですが、どなた教えていただけませんでしょうか？ jqueryのload()を使用しなくても、同じような挙動をする他のおすすめなどもあれば教えていただけると非常に助かります。 【ソース】 $(document).ready(function(){ $("#box_A").load("[URL]←(このurlを変数で扱いたい) #box_B"); }); 【jQueryの中味】 jQuery.fn.extend({ // Keep a copy of the old load _load: jQuery.fn.load, load: function( url, params, callback ) { if ( typeof url !== "string" ) return this._load( url ); var off = url.indexOf(" "); if ( off >= 0 ) { var selector = url.slice(off, url.length); url = url.slice(0, off); } // Default to a GET request var type = "GET"; // If the second parameter was provided if ( params ) // If it's a function if ( jQuery.isFunction( params ) ) { // We assume that it's the callback callback = params; params = null; // Otherwise, build a param string } else if( typeof params === "object" ) { params = jQuery.param( params ); type = "POST"; } var self = this; // Request the remote document jQuery.ajax({ url: url, type: type, dataType: "html", data: params, complete: function(res, status){ // If successful, inject the HTML into all the matched elements if ( status == "success" || status == "notmodified" ) // See if a selector was specified self.html( selector ? // Create a dummy div to hold the results jQuery("<div/>") // inject the contents of the document in, removing the scripts // to avoid any 'Permission Denied' errors in IE .append(res.responseText.replace(/<script(.|\s)*?\/script>/g, "")) // Locate the specified elements .find(selector) : // If not, just inject the full result res.responseText ); if( callback ) self.each( callback, [res.responseText, status, res] ); } }); return this; }, 【中略】 });
- ベストアンサー
- JavaScript
- load()メソッドは、何故サーバ上でしか使えない
jQueryのload()メソッドは、 何故、サーバ上でしか使えないのでしょうか？ もし、ローカル環境で使おうとした場合に 不都合なことでもあるのでしょうか？
- 締切済み
- AJAX
- jQueryのloadメソッドが時々反映されません
WEBページのiframeの中に表示させるHTMLにjQueryのloadメソッドを採用して動的に更新をさせています。 ＜例＞ $("#test").load("ttest/testtest.txt .moji"); こんなような単純なソースです。 これのWEBページを開いた時五分五分の確率で成功したり失敗したりします。 なお、失敗した場合でもIEをリロードすると正常に動くのですが・・・ なぜこのような失敗が起きるのでしょうか？ 原因が全くわかりません・・・ 詳しい方教えていただけませんでしょうか？ ＜環境＞ Win7 IE8 jQuery1.4.1
- ベストアンサー
- JavaScript
- jQueryを外部ファイルに抜き出すには
複数のファイルで、同じjqueryの処理をしてる場合 例えば、フォームに入力があって、サブミットされた際に 内容をバリデーションをかけて適切なエラーメッセージを吐く。 という処理を複数のファイルで同じように記載してた場合 これをメソッド化して外部ファイルに切り出すことはできないのでしょうか。 普通にこのメソッドだけを書いたファイルを書いて、複数のファイルでは その外部ファイルを読み込んで、メソッドを呼び出す。 という処理にしてみましたが、undefinedメソッドを呼び出しました。 という感じで怒られてしまいます。 どうしたらうまく切り出せるのでしょうか。 拙い文章で申し訳ありませんが、どなたかご教授していただければ嬉しいです。
- ベストアンサー
- JavaScript
- aspxのページにjQueryのloadメソッドを使ってテキストボック
aspxのページにjQueryのloadメソッドを使ってテキストボックスに値を反映させることは不可能でしょうか？ テキストボックスはこんな感じです。 <asp:TextBox ID="TextBox3" runat="server" Height="72px" TextMode="MultiLine" Width="651px"></asp:TextBox> サーバ上に存在しているテキストファイルのタグを解析してテキストボックスに反映させたいのですが・・・動いてくれません。 $(document).ready(function (){ $("#TextBox3").load("load.txt .div1"); }); そもそも不可能なことをしているのでしょうか？
- ベストアンサー
- AJAX
- jquery.～～（$.～～）について
基礎的な質問ですいませんがよろしくお願いします。 jQueryの記述方法でよく見るのは$("body")などのセレクター指定ですが、 $.supportとか、jQuery.fancybox(～～とかいうときの $【jQuery】は具体的にどういう意味になるんでしょうか？ $がjqueryの省略形だとか、なんとなく漠然とはわかるんですが、 特に$.fancybox(～～だとかの場合がよくわかりません。
- ベストアンサー
- JavaScript
- jQueryでloadメソッドを使用しているのですがコードの効率化につ
jQueryでloadメソッドを使用しているのですがコードの効率化についてヒントをください。 こんなコードです。 $("#load1").load("A.html .flag1", function(Text, status) { if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"}); else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"}); else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"}); }); $("#load2").load("B.html .flag1", function(Text, status) { if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"}); else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"}); else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"}); }); $("#load3").load("C.html .flag1", function(Text, status) { if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"}); else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"}); else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"}); }); ・ ・ ・ 指定している要素とloadするURL以外はコードが全く一緒なんですよね これをどうにか効率化出来ないでしょうか？
- ベストアンサー
- JavaScript
- JQueryでURL取得から文字列作成
やりたいこととして 開いているページのURLを取得し .param()で指定したパラメータ(catg)だけを抜き出す 抜き出したパラメーターを 指定した文字列の末尾にくっつけて新しいURLとして loadを用いて特定のセレクタを空のdivに流し込む 以上のことを行いたいです 書いては見たのですが動作せずで・・・ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { var url = $.url().param(); url.catg; var str; str = "http://www.test.com" + url +"/"; $('#sample') .load('str dummy'); }); </script> <div id="sample"></div> 初心者のためあまり理解せずに書いている状態です どのようにすればよいかご教授いただけませんでしょうか？
- ベストアンサー
- JavaScript
お礼
初歩的な質問にわざわざご回答頂き、大変参考になりました。 ありがとうございました。