問題タブ [jquery-forms-plugin]

jQueryを介してダイアログボックスにフォームをロードしています

コードは次のようになります

jQueryフォームプラグインを使用して、このようなフォームを送信しています

今

1. AJAXなしでフォームを直接ロードしてからフォームを送信すると、フォームは問題なく送信されます。10回のうち10回は機能します

2. 2 番目のケースでは、フォームを動的にロードします。フォームのリンクをクリックすると、jquery ダイアログ ボックスにフォームが動的に読み込まれます。フォームの送信をクリックすると、アラートが表示されますが、フォームは送信されません。しかし、うまくいくこともありますが、うまくいかないこともあります。10回中2回は効くと思います。

Firebug コンソールにもエラーは表示されません

Whats問題を見つける方法はありますか

私はこのコードでjqueryフォームプラグインを使用しています

これで、firebugコンソールにすべてのajaxリクエストが表示されるので、リクエストとレスポンスを確認できます。

しかし、上記のコードを使用すると、ajaxリクエストは完了しますが、コンソールにPOSTリクエストが表示されないことを確認しました。

しかし、私が使用する場合

次に、要求応答を確認できます

なぜなのか知りたい

ajax通話中に画像を表示しようとしています。jqueryformプラグインを使用しています。パスを正しく取得できないようです：ルートパスが必要です。コードは次のとおりです。

フォームでコメント セクションを使用しており、jquery の "load" 関数を使用して読み込まれます。その読み込まれた html の中に、document.ready 関数と jquery フォームの ajax submit 関数があります。

ie7 または firefox5 でコメントを送信しようとすると、機能しません。代わりに、コメント セクションのコンテンツを含む新しいページが表示されます。

これは、Ajax 送信に関する問題が原因であると考えています。さらに追跡したところ、読み込まれた html 内の JavaScript が ie7 または firefox5 で機能していないことがわかりました。

読み込まれた html の内部には、ドキュメントの準備ができている関数があります。そこに警告メッセージを入れました。Chrome と firefox4 は、そのコメント セクションが読み込まれたときにそのアラートを表示していました。しかし、この変更は ie7 または firefox5 では表示されませんでした。しかし、コメントセクションは読み込まれました。

このため、これらのブラウザではコメントの投稿も機能していません。

誰かがこれに対する解決策を持っていますか?

アップロードするファイルを選択しなくても問題ありません。投稿フォーム以外の入力を入力するだけで、機能します。しかし、画像をアップロードするファイルを投稿するよりも選択すると、このエラーが発生しますが、フォルダを見ると、そのファイルがアップロードされていることがわかります。しかし、javascriptは失敗しました。

これが私のコードです、

次のスニペットがあります。これは、jQuery Form プラグインを使用してフォームをサーバーに (ajax で) 投稿します。

フォーム：

ajax の実装は問題なく動作しています。しかし、私は警告を受けています

リソースは Document として解釈されますが、MIME タイプ application/json で転送されます

Chrome デベロッパー ツールで。警告の理由、またはそれを解決する方法を知りたいです。

代わりに使用するように変更したところ$.post、魔法のようにエラーはなくなりました。なぜ$.post機能するのかわかりませんが、機能しません$form.ajaxSubmit。誰かが説明を提供できれば、それは素晴らしいことです。少なくとも、この問題は解決されています。以下は新しいコードです。

背景：私はミュージシャンの管理ページに取り組んでいます。ユーザーがアルバムを作成してから、アルバムに曲をアップロードするとします。jQueryフォームプラグインでajax投稿を使用しています。

最初に、既存のアルバムに曲をアップロードする作業を行いました（うまく機能します）。

次に、.append（）と.attr（うまく機能します）を使用して、新しいアルバムを作成し、更新せずに表示することに取り組みました。

現在、append（）のおかげで表示されたアルバムに曲をアップロードする作業をしています。

問題：作成されたアルバムが準備されるとき、それは壮大です。すべての値と関数は、ページのレンダリング時に読み込まれるアルバムとまったく同じです。

曲をアップロードしようとすると、サーバー側でエラーが発生します。最初のページレンダリングアルバムとまったく同じ機能を使用して、曲をajaxedアルバムにアップロードします。

ページを更新して、曲をアップロードできます。

jQuery.formプラグインを使用していますが、これは関数が$（document）.ready（function{...}内にあるためだと思いました。

アップロードスクリプト：

ここで、問題をさらに詳しく調べて、Chromeでコンソールを開き、ネットワークにアクセスして、ajaxedアップロードとページ読み込みアップロードの両方の投稿されたリクエストを記録しました。非常に異なる値を発見しました。アップロードされた投稿の値は次のとおりです（これは壊れています）。

フォームデータ：

file：silence2.mp3

アルバム：80

ページに読み込まれた投稿の値は次のとおりです（これは機能します）。

ペイロードのリクエスト：

------ WebKitFormBoundaryZpJpGxBLJEBRYadH Content-Disposition：form-data; name="ファイル"; filename = "silence2.mp3"コンテンツタイプ：audio / mp3

------ WebKitFormBoundaryZpJpGxBLJEBRYadH Content-Disposition：form-data; name = "album" 80

------ WebKitFormBoundaryZpJpGxBLJEBRYadH--

みなさん、どうもありがとうございました。私は何か間違ったことをしているに違いない。必要に応じて、さらにコードを提供できます。注意：ajaxedアルバムとページロードアルバムの両方のhtmlマークアップと値は有効です。私が間違っているのはjQueryであるに違いありません...

ファイルのアップロードを処理するためにjqueryフォームプラグインを使用しています。

これは私のフォームです、

jquery、

このアイデアのフォールバックは、ファイルをアップロードする前に2回クリックする必要があることです。クリックしてファイルを参照し、[送信]ボタンをクリックする必要があります。

どうすればワンクリックに減らすことができますか？理想的には、デスクトップからファイルを選択し、参照ウィンドウ/ポップアップで[OK]をクリックすると、送信が自動的にトリガーされるようにします。

出来ますか？

別の注意：Chrome、IE、Safariで機能しない理由（FirefoxとOperaでのみ機能します）-フォームはこれらのブラウザで送信されますが、私はすでにに設定しsubmit()ていreturn falseますか？

この投稿をフォローアップすると、別の発行者がいます-テキストリンクをクリックしたときに、入力でブラウズファイルをトリガーするにはどうすればよいですか?

基本的にフォームを非表示にしたいのですが、アップロードテキストリンクをクリックするとトリガーされます。

これは私の作業中のJavascriptコードです: