2015-10-25 3 views
2

У меня есть эти javaScript functions: Функция fetch_items должна возвращать некоторые данные, как это выглядит stringvalue за раз. и функция extract_items($arr) будет проходить vlaue в fetch_itemsКак отобразить возвращаемые данные Ajax в HTML

function fetch_items($id){ 
    $.ajax({ 
     url: "<?=site_url("orders/find_item")?>", 
     type: "POST", 
     data: { 
      ajax:true, 
      item_id: $id 
       }, 
     success:function(response){ 
      return response; 
     } 
    }); 
    } 

function extract_items($values) { 

    var $content_set = ''; 
    var $items_id = $values.split(","); 

    var $len = $items_id.length; 

    for(var $i=0; $i<$len; $i++){ 
    fetch_items($items_id[$i]); 

    } 
return $content_set; 
} 

И это мой HTML Таблица, в которой мне нужно преобразовать числовые IDs в имена элементов, которые Аякс вернутся, взяв ID пунктов.

enter image description here

так, как отображать данные АЯКС ответ на колонку пункта и конвертировать мой ids, который сейчас (11,2,6,8) туда имена, которые я экстракт AJAX.

всякая помощь пожалуйста.

+0

Вы не пытаетесь использовать возвращаемое значение 'fetch_items ($ items_id [$ я]);'? каково должно быть окончательное значение '$ content_set' ..? Это может быть разрешено разными способами в зависимости от того, каким должен быть результат. * "конвертировать мои идентификаторы, которые теперь (11,2,6,8), туда имена, которые я извлекаю ajax" * - Как вы планируете это делать?? –

+0

У меня есть таблица 'items' в моей базе данных, где' item_id' равно 1,2,3,4, поэтому ajax будет читать один за другим, когда эта функция 'fetch_items ($ items_id [$ i])' передает значение. поэтому ajax отвечает на один элемент за раз, который является именем элемента. а также я хотел бы отобразить его в моей таблице html, когда страница заканчивается загрузкой или во время загрузки. – Saedawke

+0

@TJ, см. Мой комментарий. – Saedawke

ответ

2

Попробуйте

function fetch_items($id) { 
    $.ajax({ 
     url: "<?=site_url("orders/find_item")?>", 
     type: "POST", 
     data: { 
      ajax: true, 
      item_id: $id 
     }, 
     success: function (response) { 
      //return response; remove this line, async return doesn't help here 
      //find the respective cell and update your div here 
      $(your_element).text(response) 
     } 
    }); 
} 
+0

Когда звонить и где вызывать функцию Ajax, – Saedawke

+0

@Saedawke - это обратный вызов успеха функции ajax. Вместо того, чтобы возвращать значение, прямо обновите его на своем веб-сайте. в отличие от многих других языков, вещи не всегда работают синхронно в JavaScript. –

+0

@Reza как вызвать функцию под '$ (document) .ready (function() { // ваш код });' и передать мое значение, поэтому легко обновить раздел div сразу после ответа – Saedawke

Смежные вопросы