0

助けを求める時が来たと思います.7日間のAJAXチュートリアルを読んだだけでイライラし、これまで以上に混乱しています。私の目標は、コンテンツを動的に変更し、クリックイベントの後に（静的な）コンテンツをロードすることです。をクリックした後にのコンテンツを置き換えるための最良の方法（または少なくとも方法）は何ですか？（フォーム関連ではありません）

4

2 に答える 2

0

静的ページ内のコンテンツを置き換える 1 つの方法は、JSON オブジェクトを使用することです。次に例を示します。

1) HTML ボタンをクリックし、onClick イベント (javascript) を関連付けます。

2) その onClick イベント内で、xhrPost 呼び出しを実行するように設定します (この場合、DOJO ツールキットを使用します。DOJO、YUI、JQuery などを使用できます)。

function refreshDataGrid(gridDesc, url) {
  dojo.xhrPost({
    url: unescape(url),
    handleAs : "json",
    sync: true,
    load: function (response, args) {
    if (response.success) { 
     dojo.byId('divSearchResultMessages').innerHTML = "";
     dojo.removeClass('divResults','hiddenField');
     dojo.data.ItemFileReadStore({data:response.searchResults}));
    }else {
     dijit.byId('dg'+gridDesc).setStore(null);
     dojo.byId('divSearchResultMessages').innerHTML = "<div style='text-align:center' class='warning'><br><br>" + response.messages+"</div>";
     dojo.addClass('divResults','hiddenField');
   }
    return response;
            },
            error: function (exception, args) { 
                standby.hide();
                handleAjaxError2();
                return response;        
            }
        });     
    }

3) リクエストがサーバー側 (Java) の servletController に送信されると、JavaScript から渡された情報を (リクエスト パラメータとして) 処理し、JSON オブジェクトをサーブレット (フロント エンド) ページに返すことができます。

4) すべてが正しく行われている場合、ページ全体を更新しなくても、ページが動的データを取得していることがわかります。

私が助けたものを確立するのに役立つ AJAX チュートリアルがたくさんあります。これが役立つことを願っています。

参照: http://www.ibm.com/developerworks/library/wa-ground/

于 2013-02-27T16:48:24.517 に答える
-1

jquery を使用して、既にコンテンツ内にあるレイヤーで他のアクションの中で .toggleVisibility を実行できます。

于 2013-02-27T16:32:28.753 に答える