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

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

Сообщение Anonymous »

У меня есть некоторые данные в таблице баз данных, которые я использовал Angular, чтобы показать их. И я использую следующий скрипт , который находится в нижнем колонтитуле < /em> для этого: < /p>


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();
});

< /code>

и моя функция load_data () в моем контроллере как: < /p>

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));
}
< /code>

И мое представление - некоторые входные данные с кнопкой отправки. Что мне нужно, так это когда я нажимаю на кнопку, чтобы добавить новую запись, таблица автоматически обновляется, не обновляя страницу каждый раз. Поэтому я делаю еще один сценарий для этого < /p>


$(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;
});
});

< /code>

html -код как: < /p>










Group Name


Link


Icon




save
cancel














title
link
order
icon
control




{{ d.group_title }}
{{ d.group_link }}
{{ d.group_order }}















< /code>

Я попытался поместить угловой скрипт в функцию on chlic .
любые идеи. < /p>

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

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

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

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

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

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