Ajaxで部分ページジャンプ機能を作る方法

今回は、ajaxを使用して部分ページジャンプを行う方法を説明します。ajaxを使用して部分ページジャンプを行う場合の注意点は何ですか。実際のケースを見てみましょう。

コードサンプル解析を通して、部分ページジャンプと結果返却を実現するためのajaxの実装を紹介します:

1. 結果返却を伴う送信処理

ここで説明する HTML コードは次のとおりです:

<input type="button" class="btn" value="提报" name="submit4" onClick="tibao();">

レポート ボタンをクリックした後、Ajax を介してアクション処理にジャンプします。 コードは次のとおりです:

function tibao(){
var id='';
var URL = <select:link page="/smokeplan.do?method=Tibao&idset="/>+id;
  $.ajax({url: URL, 
    　　type: 'GET',
    　　success: function(result) {
           alert(result);
        }
  });
}

アクションの処理が完了すると、返された結果が配置されます。もちろん、結果としてプロンプト メッセージがページに表示されます。ここでのアクション ジャンプには XML 設定が必要です。

バックグラウンド Java クラスの処理プロセスは次のとおりです。

//提报
    public void Tibao(ActionMapping mapping, ActionForm form,
        HttpServletRequest request, HttpServletResponse response) throws Exception {
      String idset=request.getParameter("idset");
      CallHelper helper = initializeCallHelper("L_SmokeBoxtibaoWLDan", form,request, false);
      helper.setParam("bill_ids",idset);
      helper.setParam("personid",getPersonId(request));
      helper.execute();
      PrintWriter write = response.getWriter();
      write.print(helper.getOutput("message"));
      write.close();
    }

ここで、データは SQL ステートメントを通じて処理され、メッセージが返され、情報がページに出力されます ここで行われた操作の結果は次のとおりです。対応する応答位置に反映されるため、新しいストリームの代わりに応答に属するストリームが取得されます。

つまり、そこからジャンプすると、そこに私の情報が戻ってきます。したがって、js では、result を使用して返された結果を受け取り、alert を使用してプロンプトを表示できます。

AJAXを使用してページジャンプを実現する方法

サンプルコードは次のとおりです:

ajaxを実装するプロジェクトではajaxAnywhereフレームワークが使用されており、効果は良好で実装も簡単ですが、ここで問題が発生します。この場合、「送信」をクリックした後でも、フォームを送信するだけでは十分ではありません。私が採用した解決策は次のとおりです:

この強力な BS プロジェクト開発ツールの js を使用し、関数を自己定義してください

。この記事の事例を読んだ後は、この方法を習得したと思います。情報については、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Ajax は読み込みエフェクトを実装する

JS は Ajax 呼び出しのバックグラウンド定義を実装する (コード付き)

以上がAjaxで部分ページジャンプ機能を作る方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。