AJAXで管理される個別のセクションを持つページが1つだけあります。
1つのセクション(1)で、会社名を追加および編集します。
次のセクション(2)では、これらの会社名を表示します。(添付ファイルを参照してください)
セクション1で会社名を編集した場合(すでにコーディング済み)、セクション2で新しい会社名を更新する必要があります。
これを達成するためのAJAXパターンまたは戦略はありますか?私はjQueryとPHPを使用しています...
THX.-
AJAXで管理される個別のセクションを持つページが1つだけあります。
1つのセクション(1)で、会社名を追加および編集します。
次のセクション(2)では、これらの会社名を表示します。(添付ファイルを参照してください)
セクション1で会社名を編集した場合(すでにコーディング済み)、セクション2で新しい会社名を更新する必要があります。
これを達成するためのAJAXパターンまたは戦略はありますか?私はjQueryとPHPを使用しています...
THX.-
パターンは、返された結果を使用する成功関数を渡すようなものです。
$.post('your_update_company_url', function(data) {
$('.company_name').text(data.company_name);
});
共有したいパブリッシャー/サブスクライバーのデザインパターンを使用した解決策を見つけました。
この質問で尋ねたのと同様の例でそれを示します。
1.- AJAXを介してデータを更新します:
$.post(window.location.href,
{
action : 'update_product'
},
function(output) {
if ( output.result === true ) {
$.publish("/product/updated",
{
new_name : output.new_name
});
}
}, 'json');
2.-ページの別の部分のデータを更新します。
$.subscribe("/product/updated", function(e, data) {
$("#product_name").html(data.new_name);
});
それで全部です。このテクニックはコーディングするのがとても楽しく、ユーザーが楽しんでいます...
使用したツール:jQuery Tiny Pub / Sub:jQuery用の本当に本当に小さなpub/sub実装。
+情報:「pubsubプラグインとの緩い結合」でのRebeccaMurpheyからの素晴らしい紹介