Jaki jest odpowiednik Ajax.updater w Jquery?

Question

Proszę dać mi znać odpowiednik poniżej prototypowego kodu w Jquery.

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

Chcę wykonać tę samą akcję za pomocą Jquery.

Dzięki z góry.

Answer 1

w jQuery Ajax będzie używać w następujący sposób:

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

Używaj #abc czy abc jest id div lub użyj .abc czy abc jest klasa.

można umieścić returnData iin HTML, w którym chcesz,

Answer 2

Można użyć .load() metoda

ładowania danych z serwera i umieścić zwracany HTML do dopasowanej elementu.

lektura dokumentów: http://api.jquery.com/load/

Answer 3

Istnieje kilka sposobów, za pomocą AJAX jak jQuery.ajax({...}) or $.ajax({...}) inne niż to istnieją pewne uproszczone wersje tych też jak:

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

$ = jQuery oba są takie same.

Jak używasz method : 'get', więc polecam Ci użyć $.ajax({...}) lub $.get() jednak pamiętać o tym skrypcie jQuery powyżej inaczej funkcja ajax przyzwyczajenie praca Spróbuj załączyć skrypt w $(function(){}) doc gotowe obsługi.

'abc' jeśli można to wyjaśnić

Spróbuj dodać ten z $.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> 

lub $.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> 

lub prościej użyć metody .load():

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

Answer 4

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

     }); 

    });