использование jQuery $ .ajax для извлечения данных

Question

Обычно я использую $ .ajax для отправки данных методу в URL. После некоторого поиска я обнаружил, что могу получить данные результата. Я рассматриваю это неправильно? Мне нужно правильное объяснение его использования, пожалуйста.

Кроме того, если я хочу получить больше или разные данные, чем в поле «данные:», что мне делать? И каково использование поля «context:»?

$.ajax({ 
    url: getById, 
    type: 'POST', 
    context: document.body, 
    async: false, 
    data: { 
    id : id.val(), 
    name : name.val() 
    }, 
    success:function(data) { 
    // do something with the retrieved data 
    } 
}); 

Answer 1

data может быть любой информацией, переданной с сервера. Обычно в вызове $.ajax, который получает данные назад, вы также указываете параметр dataType в самом вызове AJAX. Наиболее распространенным является json, но есть и другие типы (XML, HTML и т. Д.).

Если вы хотите получить более одного поля, вы не добавляете больше данных в обратный вызов, вы просто кодируете данные, чтобы их можно было вытащить из переменной data. Пример с JSON, вы должны кодировать json на стороне сервера с таким большим количеством данных, сколько хотите, затем вытащите его из этой переменной data.

Предлагаю взглянуть на http://api.jquery.com/jQuery.ajax/ и прочитать на нем, это дает приятные примеры. Кроме того, перейдите в Google и проверьте возвращаемые данные на вызов jQuery AJAX, есть несколько руководств с разными бэкэндами.

Answer 2

Это может быть полезно, получить данные с ID & передать его как datastring на любой странице

var uname=$('#uname').val(); 
    var password=$('#password').val(); 

    var dataString = 'uname='+ uname + '&password='+ password; 
    $("#flash").show(); 
    $("#flash").fadeIn(400).html('<img src="image/loading.gif" />'); 
    $.ajax({ 
    type: "POST", 
    url: // Here pass your page URL 
    data: dataString, 
    cache: false, 
    success: function(result){ 
      var result=trim(result); 
      $("#flash").hide(); 
      if(result=='correct') 
      { 
       // Do whatever you want 
      } 
      else 
      { 
       // Display error message to page, if any   
       $("#errorMessage").html(result); 
      } 
    } 
    }); 

Answer 3

Какой тип данных вы пытаетесь отправить обратно? Покажите нам скрипт который вызывается

Для простого текста/html здесь рабочий пример https://github.com/tomtoms/ajax-jquery-php

Answer 4

В вашем примере, «идентификатор» и «имя» аргументы для вашего сервера; если вы не извлекаете динамическую страницу, тогда вы можете использовать GET вместо «POST», данные, которые вы хотите (для вашего вызывающего абонента AJAX), - это ответ с сервера. С AJAX, что ответ кодируется, как правило, с одним из

• XML
• JSON

но вы можете, конечно, просто получить что-либо (в том числе HTML) и использовать JQuery для замены замолвите Див

<div id='elementId'></div> 

$("#elementId").html(htmlResponse);