Как обновить угловые данные без обновления страницы?Jquery

Программирование на jquery
Ответить
Anonymous
 Как обновить угловые данные без обновления страницы?

Сообщение Anonymous »

У меня есть некоторые данные в таблице базы данных, для отображения которых я использовал angular. Для этого я использую следующий скрипт который находится в нижнем колонтитуле:

Код: Выделить всё

 
var app = angular.module('enterprise', []);

app.controller('entercontroller', function($scope, $http){

$scope.loadData= function(){

$http.post('Groups_/load_data')
.then(function(mydata){
console.log(mydata);

$scope.datas = mydata.data;

});
};
$scope.loadData();
});

И моя функция load_data() в моем контроллере такая:

Код: Выделить всё

 public function load_data(){
$data["groups"] = $this->Groups->fetch_groups();
return $this->output
->set_status_header(200)
->set_content_type('application/json', 'utf-8')
->set_output(json_encode($data["groups"], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES));
}
И я считаю, что некоторые данные можно ввести с помощью кнопки отправки. Что мне нужно, так это то, что когда я нажимаю кнопку, чтобы добавить новую запись, таблица автоматически обновляется без обновления страницы каждый раз. Поэтому я делаю для этого еще один скрипт

Код: Выделить всё

 
$(document).ready(function() {
$('#add').on('submit', function() {
var that = $(this);
$dataString = that.serialize();
$.ajax({
url: ''+ $("#uri").val() ,
type: 'POST',
dataType: 'json',
cache:false,
data : $dataString,
success: function (data) {
console.log(data);
$('#message').html(data['message']);
$(':input','#add')
.removeAttr('checked')
.removeAttr('selected')
.not(':button, :submit, :reset, :hidden, :radio, :checkbox')
.val('');
},
error: function (data) {
console.log('error');
console.log(data);
}
});
return false;
});
});

HTML-код, например:

Код: Выделить всё








[i]
Group Name


Link


Icon




 [/i] save
 [i][/i]  cancel














title
link
order
icon
control




{{ d.group_title }}
{{ d.group_link }}
{{ d.group_order }}
[i][/i]

[url=#] [i][/i] [/url]
[url=#] [i][/i] [/url]











Я пытался поместить угловой скрипт в функцию по щелчку, но он не работает.
Мне нужно снова загрузить то же место после добавления.
Есть идеи.

Подробнее здесь: https://stackoverflow.com/questions/467 ... g-the-page
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»