くだすれAjax（超初心者用）

1 ：Name_Not_Found：2005/09/22(木) 07:00:53 ID:KJss0Wcf.net

このスレッドは、他のスレッドでは書き込めない超低レベル、
もしくは質問者自身何が何だが分からない質問を勇気を持って書き込むスレッドです。
Ajax使いが優しくコメントを返しますが、
お礼はAjaxの布教と初心者の救済をお願いします。

460 ：458：2010/12/08(水) 11:56:11 ID:???.net

ヒントありがとうございます！色々記事が見つかりました。

461 ：Name_Not_Found：2011/04/22(金) 09:12:05.49 ID:SXJwvcWU.net

ターゲットはiOS系のSafariなんだけど-Aajaxでデータを貰う時（B→A）
BでHTML書き出してからAでinnerHTML
と
BでxmlやJSONなりを作成してAでDOM
だと、ベンチはどっちが早いの？
知ってるエロイ人がいたら教えてください(´･ω･`)
※DOMの方が早ければDOMを勉強します

462 ：４６１：2011/04/25(月) 14:35:38.44 ID:DJVqqQKw.net

http://hibari.2ch.net/test/read.cgi/php/1166751613/

463 ：Name_Not_Found：2011/05/25(水) 21:49:14.65 ID:???.net

MAMPでローカルにphpテスト環境を走らせています（現在勉強中の立場です）
JSONデータの扱いについて質問があります

test.jsonというファイルがあって、
たとえばJSの$.getJSON()で通信しようとするとき、拡張子が
test.jsonのままだと読み込みませんが、
test.json.phpとすると通信に成功するのはなぜでしょうか？

まったく同じセットでレンタルサーバーにアップしてテストしてみると今度は逆に
test.json.phpだと読み込みませんが、
test.jsonとすると通信に成功します。

いたらないことばかりですがご教示いただけますでしょうか。
自分としてはどちらでも同じ拡張子でテストができるといいのですが。

464 ：Name_Not_Found：2011/05/25(水) 21:50:44.50 ID:???.net

http鯖の設定を見直せ

465 ：Name_Not_Found：2011/05/30(月) 16:43:26.56 ID:oXO1A+qD.net

ｗ

466 ：Name_Not_Found：2011/09/15(木) 23:05:07.75 ID:???.net

面倒なら拡張子を .txtにしたらは？

467 ：Name_Not_Found：2011/10/16(日) 15:37:28.16 ID:???.net

ajaxでフォームの内容送信する時、無効な文字の除去とかチェックってどこまでするのが一般的ですか？
例えば掲示板のテキストエリアとかを送信する場合、制御コードとか表示されない文字コードとか除去してから送信するもんですかね？
サーバー側で除去するのは前提としてです。

468 ：Name_Not_Found：2011/10/17(月) 12:21:13.01 ID:???.net

>>467

送信する内容と回線の太さ、サーバの処理能力によると思う。
特に送る内容もたいした量じゃなく、サーバの処理能力も十分高ければ、
サーバ側でバリデーション処理しても問題ない。

クライアント側でバリデーション処理するのは、回線にもサーバにもやさしいけれど、
JSオフの環境だと使えないので、代替処理の方法（やっぱサーバ側で）を同時に実装しないとユーザビリティ的にうるさいクラでは駄目（仕事レベルでは）。

趣味ならすきにして...

469 ：Name_Not_Found：2011/10/17(月) 22:38:07.76 ID:???.net

>> 468
ありがとうございます！
送る量もたいしたことなく、サーバー処理能力も十分と思います。
ユーザビリティ的な意味でのバリデーションはjs側で行います。
プラス脆弱性対策として危険なデータをjsでも除去するかどうかというところを悩んでいます。
言葉足らずで申し訳ありません。

470 ：Name_Not_Found：2011/10/29(土) 18:08:13.74 ID:???.net

勇気をもって書き込みます。ajaxって何ですか？

471 ：Name_Not_Found：2011/10/29(土) 19:16:45.83 ID:???.net

高度な質問だな
ググってすぐ分かるような意味でのajaxを訊いているわけではなかろう

472 ：Name_Not_Found：2011/10/31(月) 12:12:22.63 ID:???.net

確かに！
クラの中にはJavaScriptでWeb画面に変化を与えることをAjexだと思っている勘違いも居るし...

473 ：Name_Not_Found：2011/10/31(月) 15:11:55.94 ID:???.net

その前にクラって何だ？

474 ：Name_Not_Found：2011/10/31(月) 16:10:28.23 ID:???.net

クライアントじゃね？
あと、細かいけどAjaxな

475 ：Name_Not_Found：2011/10/31(月) 18:13:48.56 ID:???.net

>>474
ぜんぜん細かくない事だよなそれ

476 ：Name_Not_Found：2011/11/01(火) 12:53:07.29 ID:???.net

っっw

477 ：Name_Not_Found：2011/11/02(水) 16:38:53.43 ID:???.net

っっｗ

って、草むらに飛んでいく精子に見えるよな

478 ：Name_Not_Found：2011/11/04(金) 10:56:39.99 ID:???.net

精子は肉眼じゃ見えないよ

479 ：Name_Not_Found：2011/11/11(金) 10:28:30.75 ID:???.net

最近気づいたんだけど、google検索のページングがajaxになってたんだな。
ヒストリーバックしてもリクエスト走らないし、完全に通常の画面遷移と同じ感じで操作できるわ。
ああいうの自分のサイトにも入れたい。

480 ：Name_Not_Found：2011/11/16(水) 02:47:54.37 ID:???.net

jquery+perl+htmlでツール作ってるけど、どう切り分けるのがいいんだろうか？
3つのファイルを行き来するのは面倒で、
HTMLはほぼbodyだけでJS+perlのみにしたほうがいいのかな？

481 ：以下、名無しにかわりましてVIPがお送りします：2011/11/22(火) 19:48:02.31 ID:???.net

>>470
俺が答えてあげよう。
それは私たちに残された希望の1つと同時に絶望でもある。
一度手を出すとクロスブラウザ対策などいくつもの地獄を見ることになる。
しかし、それを克服したときかつて見たことのないような世界にたどり着くだろう。
恐れることはない。ただ前へ進め。時間と覚悟をもって旅立て！

482 ：Name_Not_Found：2011/12/23(金) 08:17:19.54 ID:???.net

$.ajax({
url: 'hogehoge.php',
type: 'POST',
data: 'hogeId=abc',
timeout: 30000,
error: function(xhr, ajaxOptions, thrownError){ },
success: function(xml){ }
});
といったかんじでPOSTした後、
エラー処理内でPOST時のデータ（hogeId）を参照することはできないでしょうか？

サーバからエラーコードを返すケースであればレスポンスで渡せるかと思いますが、
例えばタイムアウトとなった場合やProxy等でエラーが返された場合に、
どのように取得したらよいか・・・

483 ：482：2012/01/05(木) 08:41:13.52 ID:???.net

すみません、JavaScriptの質問スレで質問しなおしました。

484 ：Name_Not_Found：2012/01/13(金) 12:09:40.29 ID:???.net

オールAjaxのページを作りたいのですがナビゲーションクリック時どうすればいいでしょうか
メインコンテンツを表示する部分をいくつも作り最初に読み込ませておくのか、一つで頑張ってその都度読み込ませるのかで迷ってます

485 ：Name_Not_Found：2012/05/09(水) 20:17:32.85 ID:???.net

分かる人がいれば教えてくだちい。

Google+の「+1」の数だけ取得したくて、以下のようなコードを書いてみました。

　$.ajax({
　　type　　 : 'get',
　　url　　　: 'https://plusone.google.com/u/0/_/+1/fastbutton?url=' + targetURL,
　　dataType : 'jsonp',
　　success: function( data, textStatus ) {
　　　//読み込み成功
　　},
　　error: function( XMLHttpRequest, textStatus, errorThrown ) {
　　　//読み込み失敗
　　}
　});

で、実行させると、必ず失敗するんですが、Firebug(1.9.1)でチェックすると、レスポンスの欄には、ちゃんと目的のHTMLが届いています。
いろいろ試して、dataType : 'script'では成功となりますが、レスポンスには、そのまんま何らかの関数のコードが届いていました。

どうすれば、Google+の「+1」の数だけ取得できるでしょうか？！

486 ：Name_Not_Found：2012/05/10(木) 12:04:11.17 ID:???.net

過疎化したスレに書き込んでしまいましたので、こちらでお尋ねしたいと思います。
分かる人がいれば教えてくだちい。

Google+の「+1」の数だけ取得したくて、以下のようなコードを書いてみました。

　$.ajax({
　　type　　 : 'get',
　　url　　　: 'https://plusone.google.com/u/0/_/+1/fastbutton?url=' + targetURL,
　　dataType : 'jsonp',
　　success: function( data, textStatus ) {
　　　//読み込み成功
　　},
　　error: function( XMLHttpRequest, textStatus, errorThrown ) {
　　　//読み込み失敗
　　}
　});

で、実行させると、必ず失敗するんですが、Firebug(1.9.1)でチェックすると、レスポンスの欄には、ちゃんと目的のHTMLが届いていました。
いろいろ試してみると、dataType : 'script'では成功しますが、レスポンスには何らかの関数のコードが届いていました。

どうすれば、Google+の「+1」の数だけ取得できるでしょうか？！
FacebookやTwitterみたいには行かないんですかね？！
（Ajax以外の方法でも構いません）

487 ：Name_Not_Found：2012/06/03(日) 17:19:29.13 ID:???.net

ものすごい初歩的な質問なんだけど
JavascriptとAjaxの違いって、

Ajax　　　　　　　　　　　　　　　Javascript
・.xml使える　　　　　　　　　　.・.xml使えない
・ページ遷移なしで使える　　・ページ遷移しないと動作しない

これだけでしょうか？

488 ：Name_Not_Found：2012/06/03(日) 17:44:26.81 ID:???.net

ものすごく噛み砕いて言うと、javascript+ネット通信(xmlHttpRequest)=ajax
だから違いというよりも（別言語ということでなく）、javascriptの部分的な拡張がajaxになる
違ってたら他の詳しい人よろしく

489 ：Name_Not_Found：2012/06/12(火) 11:16:53.62 ID:???.net

拡張というのにちょっと違和感が　JavaScriptの「一部」じゃない？
JavaScriptができることの一部分に名前付けちゃっただけ

こういう質問が出てくる（稀によく見る）くらいだし、
ぶっちゃけAjaxと名付けたのは失敗だと思う　言葉の一人歩き

490 ：Name_Not_Found：2012/06/13(水) 12:18:27.91 ID:???.net

上レスの言う通り。

ただ、>>487の区分けは間違っている
なぜなら、AjaxはJavaScriptから成り立っているから。
なので、AjaxのできることはJavaScriptでもできる。

491 ：Name_Not_Found：2012/09/15(土) 22:50:31.45 ID:???.net

創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね

492 ：Name_Not_Found：2013/02/24(日) 11:27:18.03 ID:2NPdvqVc.net

ある既存の投稿画面に別のURLから投稿し、その後同じ画面(actionのURLにジャンプしない)の
ままでいられるようにするには、どのようにしたらよいでしょうか？

例）
http://example.com/index.phpに下記のフォームがあった場合、「書き込み」ボタンを
押すとhttp://example.com/write.cgiが実行され、http://example.com/write.cgi
にジャンプしてしまいますが、
ジャンプせずhttp://example.com/index.phpの画面のまま次の処理を待ちたいです。

<form method="POST" action="http://example.com/write.cgi' name="fuga">
<input type="hidden" name="BBS" value="hogehoge">
<input type="hidden" name="KEY" value="hogehoge">
<input type="submit" name="WRITE" value="書き込み">
名前 <input type="text" name="NAME" size="20">
E-mail： <input type="text" name="MAIL" size="20">
</form>

493 ：Name_Not_Found：2013/03/03(日) 12:11:54.13 ID:???.net

>>492
人によってやり方が違うと思うから「俺の場合はこうやる」と前置きしておいて
1) submitボタンで行われるサーバリクエストをJavaScriptでキャンセルしておく
2) submitボタン押下時のイベントをJavaScriptで仕込む
　　送信するデータを整えて、CGIにAjaxで投げる
3) 帰ってきたデータを解析してページ内に反映させる

やることはAjax通信の基礎なので、その辺りはググるとよし
とりあえず流れだけは書いておいた

494 ：Name_Not_Found：2013/03/04(月) 15:36:36.53 ID:2M+FNkQk.net

PHPで自分のサーバに掲示板を作ってます。
そこにはスレッド一覧があるのですが、掲示板に書き込みがあった際に
Ajaxで新着件数を表示させるように出来ますか？


具体的な機能のイメージは、
２ちゃんのスレッド一覧(http://toro.2ch.net/hp/subback.html)で、最初読み込んだ時に
次のスレのレス数が495あったとします。

「くだすれAjax（超初心者用） (495)」

2時間後、スレッド一覧をアクセスしたら、レス数が501に増えてました。
この時、

「くだすれAjax（超初心者用） (495)　←NEW6件」

と言うような表示をしたいのです。

これが出来るかすら分からないので、とりあえず質問してみました。
サンプルなどがあったら嬉しいです。

495 ：Name_Not_Found：2013/03/05(火) 03:54:01.00 ID:???.net

恐らく専ブラで「新着○件」と出るからブラウザでもそれやりたいって話と思うが、普通はクッキー使うからAjax関係ない
クッキーに既読件数を保存するやり方だから、ユーザがクッキーを削除したらデータ消えるし、クッキー拒否設定なら全く使えない
特定のユーザとしてログインする方法ならAjaxでサーバに保存することもできるけど、ログイン型掲示板なんて相当クローズドだし微妙

>2時間後、スレッド一覧をアクセス
というのは一度ウィンドウやタブを閉じてという話と思うが、開きっぱなしにしていて、かつ新着を取得するというならAjaxの領域だな
Twitter公式ページの「○件の新しいツイート」というのがこれに当たる
一定時間ごとにサーバにアクセスして、更新があればその都度書き換える具合

496 ：Name_Not_Found：2013/03/06(水) 00:24:56.93 ID:dhGcBTvC.net

>>495
なるほど、ありがとうございます！

＞開きっぱなしにしていて、かつ新着を取得するというならAjax
サンプル付きの解説とか、お勧めありますか？
検索したのですが、初心者によさげなのが無いんですよね・・・
本でも買った方がいいんでしょうかね。。

497 ：Name_Not_Found：2013/03/06(水) 04:50:40.78 ID:???.net

>>496
本は印刷などの工程を踏むため情報は必ず最新でないから、ネットで調べる癖を付けた方がいい
ソースなんてあちこちに公開されてるし、実際使われてる例を参考にする方がよっぽど身になる
検索スキルは習得しておいて損はない

jQueryを利用したAjaxが比較的理解しやすいと思うのでこの辺りを張っておく
　ttp://jquery.keicode.com/basics/ajax.php
そもそもjQueryすらわからん場合はこの辺り
　ttp://www.atmarkit.co.jp/fwcr/rensai2/jquery02/01.html
JavaScriptすら怪しいレベルならここかな
　ttp://www.amazon.co.jp/s/field-keywords=javascript

498 ：Name_Not_Found：2013/03/07(木) 00:09:08.48 ID:???.net

>>497
ありがとうございます！！

499 ：Name_Not_Found：2013/07/04(木) NY:AN:NY.AN ID:DYRkuxlX.net

いきなりですいませんが・・・
AjaxやjQueryやJavaScriptを操れるようになって仕事探したいんですけど。
あるいはなんかWEBサービス自分でつくったりも。。。

AjaxやjQueryやJavaScriptの技術をつけるにおいて
XMLって勉強したほうがいいんでしょうか？あとDOM？とか。

なんかイメージをつかめきれなくて。。。

500 ：Name_Not_Found：2013/07/05(金) NY:AN:NY.AN ID:???.net

>>499

JavaScriptを主軸に勉強する。
【内容】
・JavaScriptを使ってDOMを操作する（画像のロールオーバーなんか目をつむっていても書けるようにしておく）。
・JavaScriptで非同期通信ができるようになる（ブラウザ毎の書き方の違いを居眠りしていても分かるようにする）。
・上に関連して、読み書きするデータ形式としてXML、JSON、JSONPの違いと形式を理解しておく（上の勉強と一緒にできる）。
・入力フォームのサニタイズ（入力チェック）ライブラリをJavaScriptで作っておく（不正な形式のメールアドレスなども検知できるように）。

上が出来るようになってから、jQueryを学ぶ。

簡単なHTMLは、ノートパットでも書けるようにしておく。
その上でHTML5を勉強。

更に理解しておく用語として、
・バリデーション
・セマンティックWEB
・プログレッシブエンハンスメント

その先にこれか必要になる技として『レスポンシブWEBデザイン』がある。
PCページしか作らないページであっても、
メディアクエリを設定しておかないと、スマフォでそのPCページを観た時に、
レイアウトが崩れるスマフォの機種がある（ドコモのディズニーフォンとか...）。
なので、レスポンシブWEBデザイン』は必須である。

無理に頑張らなくていい、才能出してくれれば...

501 ：Name_Not_Found：2013/07/05(金) NY:AN:NY.AN ID:???.net

あれやこれや手を付けず、焦らず無理に頑張りすぎないことは確かに重要だな
JavaScriptの技術を付けるって言ってる位だから、「今から」の人なんだろう

502 ：Name_Not_Found：2013/07/22(月) NY:AN:NY.AN ID:PDGb2yut.net

499です、どうもです。コメントありがとうございます。

ある程度はWEBに理解があるつもりですが、
やっぱりあれこれやらずにコツコツとやっていきます。

503 ：Name_Not_Found：2015/01/21(水) 12:07:17.73 ID:u9WEyk5W.net

https://twitter.com/kai_ri_no/status/557402636253544448
こんな風に head要素の下に script要素を追加して通信してるのだけど、
サーバーの応答は、どうすれば見えるの？
head.insertBefore( script, head.firstChild );

504 ：Name_Not_Found：2015/01/22(木) 02:02:21.18 ID:???.net

dsniff などの盗聴ソフトで見れないの？

505 ：Name_Not_Found：2015/09/10(木) 00:15:35.07 ID:l9ziO8nu.net

ローカルの自作htmlからajaxで、
インターネット上のサイトにアクセスしようとすると
クロスドメインで処理できなくなってしまうのですが、
対処方法ご存知のかたいないでしょうか。

いくつかのサイトの情報を自作html一画面内に一括表示したいのですが、うまく行きません。
プラグイン等でのソフトウェアのスクレイピング機能で実現するのは不可です。
（会社のセキュリティと自分でメンテしながら学習していきたいので）


ネットで調べる限り以下の方法があるようで、
�@サーバサイドでAccess-Control-Allow-Originを設定
�AFirefoxでabout:configでsecurity.fileuri.strict_origin_policy を false に設定
�BGoogle Chromeで起動オプションに「--allow-file-access-from-files」を付加

�@はサーバ設定はさわれないので不可
�A�Bはためしたけど、変化なしでした

506 ：Name_Not_Found：2016/01/07(木) 06:46:22.39 ID:???.net

Ajaxの求人10件の平均最低月給214,900円
http://jobinjapan.jp/job-listing/keyword-ajax.html

507 ：Name_Not_Found：2017/12/12(火) 07:14:24.70 ID:MrUcGD8N.net

HPなどで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

OSGTWYSTC5

508 ：Name_Not_Found：2018/05/01(火) 19:19:47.04 ID:l1wYHpV1.net

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

U7FW7

509 ：Name_Not_Found：2024/03/28(木) 13:29:08.10 ID:ohmhcLuow

閣内では人の命より拝金の象徴的表現"処理水"ではなく"汚染水"と言ってることが明らかになってクソシナちょっひ゜り安心
だが世界最悪の脱炭素拒否テ口国家に送られる化石賞4連続受賞して世界中から非難されなか゛ら憲法13条25条29条と公然と無視して
力による━方的な現状変更によってクソ航空機倍増、閑静な住宅地から都心まで数珠つなぎで鉄道の30倍以上もの莫大な温室効果ガス
まき散らして騒音まみれ、静音か゛生命線の知的産業壊滅させて氣候変動させて海水温上昇させてかつてない量の水蒸気発生させて土砂崩れ
洪水、暴風、熱中症にと災害連発、天下り犯罪テ囗リストクソ航空関係者と共謀して住民の生命と財産を強奪して私腹を肥やし続ける
世界最悪のテロ国家日本の資金源は潰さないとな、白々しく隣國挑発して軍事予算倍増．ポンコツマイナンハ゛ー強要による個人情報集約も
徴兵徴發が目的だし少孑化対策だの教員負担軽減た゛の航空騒音で勉強妨害してアホな子量産してるのも侵略用兵隊確保が目的
戦前の日本も大東亜共栄圏を名目に侵略してたがプーチンに憧れる岸田異次元増税覇権主義文雄の正体に気づこう!
(ref.) ttps:/／www.Сall4.jΡ/info.phｐ?tуpe＝items&id〓I0000062
ttрs:／/haneda-project.jimdofrеｅ.сom/ ,　ttps:/／flight-rouＴｅ.com/
tｔps://n-souonhigaisosyoudan.amebaownd.ｃom/