質問編集履歴

8 凍結

ssmxgo

ssmxgo score 170

2016/08/19 12:42  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
##新たに質問をたてました  
どうも、根本的問題が別個にありました。  
[Ajaxでポストしたデータが、送り先側の$_POSTで取得できない](https://teratail.com/questions/44809)  
 
##凍結?
すみません、まとめようと思ったのですがスケジュール的に首が締まってきました。
閲覧いただいた方には申し訳ありませんが、責任を持った経過報告に確信がもてませんので
一旦、ご報告いたします。
いずれ解決したい内容ですので、ここで報告するか、ここを閉じて整理した形で再度あげさせていただこうと思います。
ありがとうございました。
##第三投稿
経過報告です。
これはそもそもAjaxの使い方に対する問題のようでした。
後でまとめますが、submitがうまく停止出来なかったり、input nameに日本語入れていたをserializeして
POSTしようとしましたが、Firefoxで見たらメモリオーバーっぽくなっていたような。
そこで、serializeArrayでJSONを利用しておくることで、ISE500は回避できたけど、受け取り側のお作法がわからない。
などなど、まだまとめてココがわかりません、という次元まで言っていないのでもう少しテストしつつ、調べてわかるとコトわからないところを明確にした後、改めてご報告します。
##第二投稿
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
##第一投稿
###発生している問題・エラーメッセージ
```
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```html
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

7 経過報告

ssmxgo

ssmxgo score 170

2016/08/05 12:57  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
##凍結?  
すみません、まとめようと思ったのですがスケジュール的に首が締まってきました。  
閲覧いただいた方には申し訳ありませんが、責任を持った経過報告に確信がもてませんので  
一旦、ご報告いたします。  
いずれ解決したい内容ですので、ここで報告するか、ここを閉じて整理した形で再度あげさせていただこうと思います。  
ありがとうございました。  
 
##第三投稿
経過報告です。
これはそもそもAjaxの使い方に対する問題のようでした。
後でまとめますが、submitがうまく停止出来なかったり、input nameに日本語入れていたをserializeして
POSTしようとしましたが、Firefoxで見たらメモリオーバーっぽくなっていたような。
そこで、serializeArrayでJSONを利用しておくることで、ISE500は回避できたけど、受け取り側のお作法がわからない。
などなど、まだまとめてココがわかりません、という次元まで言っていないのでもう少しテストしつつ、調べてわかるとコトわからないところを明確にした後、改めてご報告します。
##第二投稿
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
##第一投稿
###発生している問題・エラーメッセージ
```
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```html
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

6 経過報告

ssmxgo

ssmxgo score 170

2016/08/03 10:14  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
##第三投稿  
経過報告です。  
これはそもそもAjaxの使い方に対する問題のようでした。  
後でまとめますが、submitがうまく停止出来なかったり、input nameに日本語入れていたをserializeして  
POSTしようとしましたが、Firefoxで見たらメモリオーバーっぽくなっていたような。  
そこで、serializeArrayでJSONを利用しておくることで、ISE500は回避できたけど、受け取り側のお作法がわからない。  
などなど、まだまとめてココがわかりません、という次元まで言っていないのでもう少しテストしつつ、調べてわかるとコトわからないところを明確にした後、改めてご報告します。  
 
 
##第二投稿  
ああああ、わかったかも。  
ごめんなさい、chromeでも動いた。  
 
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…  
もうちょっと探ってわからなかったら改めてカキコしてみます  
 
##第一投稿  
 
###発生している問題・エラーメッセージ  
 
```
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```html
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
ああああ、わかったかも。  
ごめんなさい、chromeでも動いた。  
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

5 code block

ssmxgo

ssmxgo score 170

2016/08/02 21:30  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
```
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```
```html
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

4 修正

ssmxgo

ssmxgo score 170

2016/08/02 14:31  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
```
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に多次元配列を使ってたのが問題かな…
送信するform なんですが、name 部分に日本語キーを使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

3 domain.com ->exsample.com

ssmxgo

ssmxgo score 170

2016/08/02 14:29  投稿

AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
```
POST http://domain.com/ajax 500 (Internal Server Error)
POST http://exsample.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に多次元配列を使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

2 チョロメ→chrome

ssmxgo

ssmxgo score 170

2016/08/02 14:28  投稿

AjaxでポストをするとチョロメブラウザだけがInternal Server error500が返される
AjaxでポストをするとchromeブラウザだけがInternal Server error500が返される
```
POST http://domain.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```
$('#the-form').submit(function(event) {
// HTMLでの送信をキャンセル
event.preventDefault();
// 操作対象のフォーム要素を取得
var $form = $(this);
// 送信ボタンを取得
var $button = $form.find('button');
// 送信
$.ajax({
url: $form.attr('action'),
type: $form.attr('method'),
data: $form.serialize(),
timeout: 10000, // 単位はミリ秒
// 送信前
beforeSend: function(xhr, settings) {
// ボタンを無効化し、二重送信を防止
$button.attr('disabled', true);
},
// 応答後
complete: function(xhr, textStatus) {
// ボタンを有効化し、再送信を許可
$button.attr('disabled', false);
},
// 通信成功時の処理
success: function(result, textStatus, xhr) {
// 入力値を初期化
$form[0].reset();
alert('OK');
},
// 通信失敗時の処理
error: function(xhr, textStatus, error) {
alert('NG...');
}
});
});
```
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に多次元配列を使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

1 間違え

ssmxgo

ssmxgo score 170

2016/08/02 14:24  投稿

AjaxでポストをするとチョロメブラウザだけがInternal Server error500が返される
```
POST http://domain.com/ajax 500 (Internal Server Error)
```
AJAX超難解だと思っていたら、ブラウザ起因でFirefoxでは正常に動くようです。
ネットでCookieの削除で動いたという話もありましたが、NG。
ついでに
```
jquery.js:9664 XMLHttpRequest cannot load javascript:void(0).
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
```
こんなエラーも出てましたが心当たりの方、いますでしょうか?
コードはほぼ[コレ](http://ginpen.com/2013/05/07/jquery-ajax-form/)
```
$('#the-form').submit(function(event) {
 // HTMLでの送信をキャンセル
 event.preventDefault();
 // 操作対象のフォーム要素を取得
 var $form = $(this);
 // 送信ボタンを取得
 var $button = $form.find('button');
 // 送信
 $.ajax({
     url: $form.attr('action'),
     type: $form.attr('method'),
     data: $form.serialize(),
     timeout: 10000, // 単位はミリ秒
     // 送信前
     beforeSend: function(xhr, settings) {
         // ボタンを無効化し、二重送信を防止
         $button.attr('disabled', true);
     },
     // 応答後
     complete: function(xhr, textStatus) {
         // ボタンを有効化し、再送信を許可
         $button.attr('disabled', false);
     },
     // 通信成功時の処理
     success: function(result, textStatus, xhr) {
         // 入力値を初期化
         $form[0].reset();
         alert('OK');
     },
     // 通信失敗時の処理
     error: function(xhr, textStatus, error) {
         alert('NG...');
     }
 });
});
```
```
ああああ、わかったかも。
ごめんなさい、chromeでも動いた。
送信するform なんですが、name 部分に多次元配列を使ってたのが問題かな…
もうちょっと探ってわからなかったら改めてカキコしてみます
  • PHP

    37391 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • jQuery

    13088 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Ajax

    2172 questions

    Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る