
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;
},
【中略】
});
No.1ベストアンサー
- 回答日時:
質問の意味がよくわかりません。
最初から、jQueryの .load() のパラメーターは変数指定可能です。
構文は、
.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )
http://api.jquery.com/load/
↓のように使えます。
var hoge="xxxx.htm";
var fuga="#box_B";
$("#box_A").load(hoge+" "+fuga);
お礼遅くなりまして申し訳ありません。
わかりづらい内容にかかわらず丁寧なご解答ありがとうございました。
大変に参考になり、問題も解決できました。
初歩的な事で躓いてしまいましたが、これから日々勉強してまいります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
var_dumpのdump意味はを知りた...
-
C#で、ContextMenuStripに動的...
-
JavaScriptで文字列の特定文字...
-
ASP.NETのコントロールの値をJa...
-
C#OpenCv V4にのエラーに関する...
-
C# 演算 奇数と偶数 表現の仕方
-
ASP.NET MVCでObjectをjsに渡す
-
1日1回だけ引けるjavascriptお...
-
ローカルにあるファイルを検索...
-
食材の期限を管理するためにGAS...
-
ジャバスプリクトについて
-
1日1回だけ引けるjavascriptお...
-
正規表現について質問です。条...
-
var exports = exports || {}; ...
-
毎日日付の変わるタイミングを...
-
chromeでxmlをJSで表示するには?
-
HTMLの毎月の更新を自動的に行...
-
-(ハイフン)_(アンダーバー)の...
-
関数でy=g(x)のgとは何の略です...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#で、ContextMenuStripに動的...
-
C#OpenCv V4にのエラーに関する...
-
javascriptでiframeのURL変更は?
-
ASP.NET MVCでObjectをjsに渡す
-
ASP.NETのコントロールの値をJa...
-
ローカルにあるファイルを検索...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
船のゲームを作っているのです...
-
商品コードを入力で、商品名、...
-
スクリプトのフルパス取得したい
-
HTMLにWSHを組み込む
-
Javascript 特定のフォルダのデ...
-
XMLの空白要素をJavas...
-
google feed api
-
html javascript リンク先アド...
-
JavaScriptで平日のみをカウン...
-
$("body").height();と$("body"...
-
シンプルなweb版スタンプラリー...
おすすめ情報