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

**Name_Not_Found** · 2005/09/22(木) 07:00:53

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

**Name_Not_Found** · 2011/10/29(土) 19:16:45.83

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

**Name_Not_Found** · 2011/10/31(月) 12:12:22.63

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

**Name_Not_Found** · 2011/10/31(月) 15:11:55.94

その前にクラって何だ？

**Name_Not_Found** · 2011/10/31(月) 16:10:28.23

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

**Name_Not_Found** · 2011/10/31(月) 18:13:48.56

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

**Name_Not_Found** · 2011/11/01(火) 12:53:07.29

っっw

**Name_Not_Found** · 2011/11/02(水) 16:38:53.43

っっｗ

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

**Name_Not_Found** · 2011/11/04(金) 10:56:39.99

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

**Name_Not_Found** · 2011/11/11(金) 10:28:30.75

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

**Name_Not_Found** · 2011/11/16(水) 02:47:54.37

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

2011/11/22(火) 19:48:02.31

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

**Name_Not_Found** · 2011/12/23(金) 08:17:19.54

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

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

**482** · 2012/01/05(木) 08:41:13.52

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

**Name_Not_Found** · 2012/01/13(金) 12:09:40.29

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

**Name_Not_Found** · 2012/05/09(水) 20:17:32.85

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

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」の数だけ取得できるでしょうか？！

**Name_Not_Found** · 2012/05/10(木) 12:04:11.17

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

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以外の方法でも構いません）

**Name_Not_Found** · 2012/06/03(日) 17:19:29.13

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

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

これだけでしょうか？

**Name_Not_Found** · 2012/06/03(日) 17:44:26.81

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

**Name_Not_Found** · 2012/06/12(火) 11:16:53.62

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

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

**Name_Not_Found** · 2012/06/13(水) 12:18:27.91

上レスの言う通り。

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

**Name_Not_Found** · 2012/09/15(土) 22:50:31.45

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

**Name_Not_Found** · 2013/02/24(日) 11:27:18.03

ある既存の投稿画面に別の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>

**Name_Not_Found** · 2013/03/03(日) 12:11:54.13

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

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

**Name_Not_Found** · 2013/03/04(月) 15:36:36.53

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

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

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

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

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

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

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

**Name_Not_Found** · 2013/03/05(火) 03:54:01.00

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

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

**Name_Not_Found** · 2013/03/06(水) 00:24:56.93

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

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

**Name_Not_Found** · 2013/03/06(水) 04:50:40.78

>>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

**Name_Not_Found** · 2013/03/07(木) 00:09:08.48

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

**Name_Not_Found** · 2013/07/04(木) NY:AN:NY.AN

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

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

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

**Name_Not_Found** · 2013/07/05(金) NY:AN:NY.AN

>>499

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

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

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

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

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

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

**Name_Not_Found** · 2013/07/05(金) NY:AN:NY.AN

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

**Name_Not_Found** · 2013/07/22(月) NY:AN:NY.AN

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

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

**Name_Not_Found** · 2015/01/21(水) 12:07:17.73

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

**Name_Not_Found** · 2015/01/22(木) 02:02:21.18

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

**Name_Not_Found** · 2015/09/10(木) 00:15:35.07

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

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

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

①はサーバ設定はさわれないので不可
②③はためしたけど、変化なしでした

**Name_Not_Found** · 2016/01/07(木) 06:46:22.39

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

**Name_Not_Found** · 2017/12/12(火) 07:14:24.70

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

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

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

OSGTWYSTC5

**Name_Not_Found** · 2018/05/01(火) 19:19:47.04

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

U7FW7