Что эквивалентно Ajax.updater в JQuery?

Пожалуйста, дайте мне знать эквивалент ниже кода прототипа в JQuery.

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

Я хочу выполнить одно и то же действие с помощью JQuery.

Спасибо в Advance.

Ответ 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, если abc является идентификатором div или использует .abc, если abc является классом.

Вы можете поместить returnData в свой HTML, где хотите,

Ответ 2

Есть несколько способов использования ajax, таких как jQuery.ajax({...}) or $.ajax({...}), кроме этого, есть некоторые упрощенные версии этих строк:

  • $.get() или jQuery.get()
  • $.post() или jQuery.post()
  • $.getJSON() или jQuery.getJSON()
  • $.getScript() или jQuery.getScript()

$ = jQuery оба одинаковы.

Поскольку вы используете method : 'get',, поэтому я рекомендую использовать $.ajax({...}) или $.get(), но не забудьте включить jQuery выше этого script, иначе функция ajax не будет работать Попробуйте заключить script в $(function(){}) обработчик doc ready.

'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');

Ответ 3

Вы можете использовать метод .load()

Загрузите данные с сервера и поместите возвращенный HTML в соответствие элемент.

Прочитайте документы: http://api.jquery.com/load/

Ответ 4

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

      });

   });