私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.93 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>143
var scope = "global";
function checkScope() {
alert(this.scope); // "global"
var scope = "local";
alert(scope); // "local"
}
checkScope();
var scope = "global";
function checkScope() {
alert(this.scope); // "global"
var scope = "local";
alert(scope); // "local"
}
checkScope();
つか、undefined がかえるよね。
window.scope は undefinedだし。
window.scope は undefinedだし。
あ、そか。
jsfiddleにそのまま流しこんでテストしてた。
全部が関数に囲まれてました。
jsfiddleにそのまま流しこんでテストしてた。
全部が関数に囲まれてました。
>>159
ブラウザの機能のことを言ってるなら、F12でCSS見るなりすれば
ブラウザの機能のことを言ってるなら、F12でCSS見るなりすれば
質問です
formのsubmitやdocument.submit()を使うと画面が更新されますが
phpファイルにPOSTしても画面が切り替わらないでちゃんとPOSTされ計算結果が帰ってきたりするのがあります
ああいうのってAjaxやjQuery見たいなのを使った新技術なのでしょうか?
そしてライブラリとか必要なんでしょうか?
使ってみたいのですが、どう検索したらいいのかわからずです
formのsubmitやdocument.submit()を使うと画面が更新されますが
phpファイルにPOSTしても画面が切り替わらないでちゃんとPOSTされ計算結果が帰ってきたりするのがあります
ああいうのってAjaxやjQuery見たいなのを使った新技術なのでしょうか?
そしてライブラリとか必要なんでしょうか?
使ってみたいのですが、どう検索したらいいのかわからずです
>>166
避けるべきという事は推奨してないという事ではないですか?
避けるべきという事は推奨してないという事ではないですか?
こんな風に既存のオブジェクトを拡張すんなってことでしょ。
自分で設計したオブジェクトなら構わんでしょう。
Number.prototype.add = function(n) {
return this + n;
};
alert((3).add(4));
自分で設計したオブジェクトなら構わんでしょう。
Number.prototype.add = function(n) {
return this + n;
};
alert((3).add(4));
組み込みオブジェクトの拡張を、どう書き換えるのがスマートかって聞きたいんじゃない もしかして
>>165
Ajaxについて調べろ
Ajaxについて調べろ
>>167
組み込みオブジェクト拡張は推奨してない
組み込みオブジェクト拡張は推奨してない
>>172
pushStateと通常のajaxを組み合わせた物だけど結構取り回しが面倒
pushStateと通常のajaxを組み合わせた物だけど結構取り回しが面倒
本家のpjaxのサンプルサイトを丸コピペしたのにpjaxになりません
これってサーバサイドで何かする必要あるのですか?
これってサーバサイドで何かする必要あるのですか?
そういうサイズ制限みたいなのはブラウザ依存でしょ
クッキーとかでもそうだし
クッキーとかでもそうだし
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 2</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー2</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 2</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー2</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>
サーバで確認したヘッダは以下の9つです
'Host'
'Connection'
'User-Agent'
'Accept'
'Referer'
'Accept-Encoding'
'Accept-Language'
'Accept-Charset'
'Cookie'
ヘッダに X-PJAX がどうしても含まれません
先生方のお知恵を拝借させていただきどうか私にpjaxを体験させてください
'Host'
'Connection'
'User-Agent'
'Accept'
'Referer'
'Accept-Encoding'
'Accept-Language'
'Accept-Charset'
'Cookie'
ヘッダに X-PJAX がどうしても含まれません
先生方のお知恵を拝借させていただきどうか私にpjaxを体験させてください
やっぱpjaxって解答付かないぐらい難しいんですね
素人が手を出すものじゃなかったみたいです
素人が手を出すものじゃなかったみたいです
location.hrefを書き換える時点でその書き換えたurlにアクセスしてしまうのですが
アクセスしないで書き換える方法はありませんか?
同一ドメインなので
http://ドメイン/から後の部分だけ書き換えられればいいです
アクセスしないで書き換える方法はありませんか?
同一ドメインなので
http://ドメイン/から後の部分だけ書き換えられればいいです
レスポンスに <html を含んでると直接飛ぶみたいだぞ
えらいアバウトだなしかしw
if ( !$.trim(data) || /<html/i.test(data) )
return window.location = options.url
えらいアバウトだなしかしw
if ( !$.trim(data) || /<html/i.test(data) )
return window.location = options.url
記述自体はあってますか?
あってるとおもう
php側が記述されてないのでどうとも
あとpjaxのバージョン等も記入されてないし
php側が記述されてないのでどうとも
あとpjaxのバージョン等も記入されてないし
至急用意しますのでお待ちください
PHPを埋め込んだバージョンです
pjaxとjaqueryはhttp://pjax.heroku.com/で使われているものを保存しました
<?php
$headers = apache_request_headers();
?><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">
<p><?php if ($headers['X-PJAX']) echo 1pageのテキスト'; var_dump($headers); ?></p>
<p>あああああああああああああああああああああああ</p>
</div>
</body>
</html>
pjaxとjaqueryはhttp://pjax.heroku.com/で使われているものを保存しました
<?php
$headers = apache_request_headers();
?><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">
<p><?php if ($headers['X-PJAX']) echo 1pageのテキスト'; var_dump($headers); ?></p>
<p>あああああああああああああああああああああああ</p>
</div>
</body>
</html>
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.93 + (1001) - [100%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.97 + (1001) - [97%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/10/26 4:18
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.99 + (1001) - [97%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.131 + (1000) - [95%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.130 + (1001) - [95%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.131 + (1004) - [95%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.132 + (1001) - [95%] - 2018/4/19 11:00
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.133 + (1001) - [95%] - 2018/6/8 10:45
トップメニューへ / →のくす牧場書庫について