Простой AJAX запрос с использованием AngularJs

25.08.2015 / AngularJs

AngularJSХочу продемонстрировать простые примеры AJAX запросов реализованных через AngularJS. В прошлом, мне когда то очень нужно было найти подобные примеры, надеюсь и эти примеры кому то помогут.



  1.  
  2. $scope.getMoreProduct = function(item, event) {
  3. $http.get("/service/more_product/" + param)
  4. .success(function(data, status, headers, config) {
  5. if (data.code === 'success') {
  6.  
  7. }
  8. })
  9. .error(function(data, status, headers, config) {
  10. alert("AJAX failed!");
  11. });
  12. };
  13.  


Вот реальный пример обращения к адресу: /service/more_product/ методом GET. Для справки - переменная param должна содержать текстовое представление к примеру:

  1.  
  2. ?id=511
  3.  


и тп. В случае если Вам нужно выполнить запрос методом POST код должен выглядеть следующим образом:

  1.  
  2. $scope.getMoreProduct = function(item, event) {
  3. $http.post("/service/more_product/" + param)
  4. .success(function(data, status, headers, config) {
  5. if (data.code === 'success') {
  6.  
  7. }
  8. })
  9. .error(function(data, status, headers, config) {
  10. alert("AJAX failed!");
  11. });
  12. };
  13.  


Да! Разницы практически никакой, исключение составляет наша переменная param. В данном случае это должен быть объект вида:

  1.  
  2. param = {'id' : '51'}
  3.  
 

рекомендуемые программы

Случайные статьи