ajax - JqueryのAjax.updaterに相当するものは何ですか?

Question

以下のJqueryのプロトタイプコードに相当するものを教えてください。

var myAjax = new Ajax.Updater('abc', '/billing/add_bill_detail', {
      method: 'get',
      parameters: pars,
      insertion: Insertion.Bottom
});

Jqueryを使用して同じアクションを実行したい。

前もって感謝します。

Answer 1

jQuery では、Ajax は次のように使用します。

$.ajax({
   url: "/billing/add_bill_detail",
   type: "get",
   dataType: "html",
   data: {"pars" : "abc"},
   success: function(returnData){
     $("#abc").html(returnData);
   },
   error: function(e){
     alert(e);
   }
});

abc が div の ID の場合は #abc を使用し、abc がクラスの場合は .abc を使用します。

returnData を HTML の好きな場所に配置できます。

Answer 2

jQuery.ajax({...}) or $.ajax({...})これ以外のようにajaxを使用するいくつかの方法がありますこれらのいくつかの簡略化されたバージョンもあります：

1. $.get()またjQuery.get()
2. $.post()またjQuery.post()
3. $.getJSON()またjQuery.getJSON()
4. $.getScript()またjQuery.getScript()

$ = jQueryどちらも同じです。

使用してmethod : 'get',いるので、使用することをお勧めしますが、$.ajax({...})この$.get()スクリプトの上にjQueryを含めることを忘れないでください。そうしないと、ajax関数が機能しません。スクリプトをdocreadyハンドラーで囲んでみてください$(function(){})。

'abc'あなたがそれを説明することができれば

これを追加してみてください$.ajax()：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(function(){
      $.ajax({
        type: "GET",
        url: "/billing/add_bill_detail",
        data: pars,
        dataType: 'html'
        success: function(data){
           $('#abc').html(data); //<---this replaces content.
        },
        error: function(err){
           console.log(err);
        }
      });
   });
</script>

またはと$.get()：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(function(){
      $.get("/billing/add_bill_detail", {data: pars}, function(data) {
          $('#abc').html(data); //<---this replaces content.
      }, "html");
   });
</script>

または、より単純に次の.load()方法を使用します。

$('#abc').load('/billing/add_bill_detail');

Answer 3

.load() メソッドを使用できます

サーバーからデータをロードし、返された HTML を一致した要素に配置します。

ドキュメントを読む: http://api.jquery.com/load/

Answer 4

   $(function(){
      $.ajax({
        type: "GET",
        url: "abc/billing/add_bill_detail",
        data: data,
        success: function(data){
            alert(data);
        }

      });

   });