プロトタイプ.js の ajax 関数の簡単な実装の詳細な例

この記事では、ajax 関数を単純に実装するための Prototype.js を主に紹介し、Prototype.js のフロントエンド Ajax とバックグラウンド Struts の関連操作スキルをサンプルの形式で分析します。みんなを助けることができる。

私は、prototype.js が元々フレームワークであることを知りませんでした。私はそれを取得して使用し、AJAX 効果を実現するために単純に prototype.js を使用して JSP ページを作成しました。使ってみると、とても使いやすく、膨大なコードを書く必要がなくなりました。今日は、私が書いた小さなコードを投稿しましょう。

1.コードのこの部分で最も重要なことは、prototype.js が使用されていなかった場合、AJAX エフェクトを生成するために少なくとも 4 つの段落が必要でした。現在は、次の小さなコードのみが必要です。最も重要なのはこの段落です:

<script type="text/javascript">
function getnodelist(){
  function onSuccess(request)
  {
      alert("success");
     $("result").innerHTML = "abc"+request.responseText ;
  }
  function onComplete(request){
  }
  function onFailure(request){
     alert("failure");
     $("result").innerHTML = request.responseText ;
  }
  var paras = "" ;
  var ajax = new Ajax.Request(
     "http://localhost:8080/LoginDemo/test.do",
    {
    method: 'post',
    parameters:paras ,
    onSuccess: onSuccess,
    onComplete:onComplete,
    onFailure:onFailure
   }
 );
}
</script>

注: 内部の URL は絶対パスとして記述するか、先頭に <% String path = request.getContextPath();%> を付ける必要があります。そして、ここ

"<%=path%>/test .do"

prototype.js を使用すると、成功した場合、現在のブラウザーの状態を自分で判断する必要がないことが最も便利だと思います。 OnSuccess 関数を呼び出し、失敗した場合は onFailure 関数を呼び出します。その後は、プログラムを簡略化して、何をするかだけを考えます。

JavaScriptのajax関数の概念と例

jQueryのajax関数によるWebサービスのjson変換の実現_ jquery

jQueryの組み込みAJAX関数とJSONの使用例_jquery

以上がプロトタイプ.js の ajax 関数の簡単な実装の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。