jqueryの - プログレッシブ・エンハンスメントとAjax
-
25-09-2019 - |
質問
ですから、今、私は1つが提出されると、それはモーダルで、別のを取得するいくつかのフォームを持っています。だから、今、私が最初にモーダルを開くexample.com/modal/1へのリンクを、持っているかもしれません。 Javascriptを(ブラウザが実際にリンクを次のよう)が有効になっていない場合は、その後、いくつかのHTMLを表示(つもりだったhtmlが取得されます。)。私はこのスタイルにできるようにしたいと思いますので、私は、私はスタイルシートとすべてと全体のHTMLページを作成する必要があります推測しているが、ここで私は思ったんだけど何ます:
jQueryのload()
で、私はあなたが要求は取り戻す何を解析し、ちょうど#FORM要素を使用します'#form'
のような要素IDを選択することができます知っています。私はそのようなものを使用できるようにしたいと思いますが、私はpost()
機能を使用しています。
これを行う方法のアイデア?
解決
data
に2番目($.load
)パラメータとしてオブジェクト(キー/値のペア)を渡すと、は、POSTリクエストを実行します。 マニュアルのから:
データがある場合、POSTメソッドが使用されています オブジェクトとして提供。それ以外の場合は、GET 想定されます。
他のヒント
私は、あなたがやろうとしているものに似疑問を持っていました。私のソリューションは、.LOADを使用していたが、jQueryのは、あなたがDOMに挿入されたくないコンテンツを解析する必要があるため、それは、最もエレガントではありません。
私のソリューションは、Ajax =「」(未定義)は、その後出てエコー場合はPHPでヘッダーとフッターを包む、真、およびサーバ側のいずれか$アヤックスや$ .postとAjaxに変数を設定する=使用することですヘッダーとフッターには、他のAjax = trueの場合、PHPは、ヘッダーとフッターを送信しません、そしてあなただけがクライアント上で必要なことをDOM要素を送信帯域幅を節約します。
はない場合、私は$ .postを使用して応答を解析する方法を見つけることができます、これはあなたのアプリケーションで作業することができた場合、私に教えてください。