How to use Jquery $.Ajax in angularjs

Question

I am trying to use normal jQuery Ajax in anuglarjs .

$.ajax({
   type: "POST",
   url: window.apirooturl + "/logger", 
   contentType: "application/json",
   data: angular.toJson({
       url: $window.location.href,
       message: errorMessage,
       type: "exception",
       stackTrace: stackTrace,
       cause: ( cause || "")
   })
});

But i am getting an error

Below two messages appears in the firbug

$ is not defined
Error: [$rootScope:inprog] $digest already in progress

Do we need to configure something to use normal jquery function in anagularjs? I tried to look on Google but could not get a answer

More information : I am trying to send client side error to the server side and trying to implement a global exception handler as suggested in this post . http://www.bennadel.com/blog/2542-logging-client-side-errors-with-angularjs-and-stacktrace-js.htm

Have a look to this question stackoverflow.com/questions/12131659/… — V31
– V31, Commented Jul 14, 2014 at 9:00
I know $http and its is used in project also .But for a specific requirement "logging client side errors to the server" .I am trying to implement as sugguested on this blog engineering.talis.com/articles/client-side-error-logging — Atul Rai
– Atul Rai, Commented Jul 14, 2014 at 9:18

Muhammad Reda · Accepted Answer · 2014-07-14 10:45:41Z

1

You are not supposed to use $.ajax in angular you need to use $http request

for example, this is ho you should use post:

$http({
    url: "http://example.com",
    method: "POST",
    data: {"a":"b"}
}).success(function(data, status, headers, config) {
    $scope.data = data;
}).error(function(data, status, headers, config) {
    $scope.status = status;
});

please see more at : https://docs.angularjs.org/api/ng/service/$http

edited Jul 14, 2014 at 10:45

Muhammad Reda

27.1k14 gold badges100 silver badges107 bronze badges

answered Jul 14, 2014 at 9:04

Liad Livnat

7,49517 gold badges62 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Atul Rai Over a year ago

Hi Liad ,There is a circular dependency between the $exceptionHandler and $http thats why i am trying to avoid the use of $http thx

Jan Barta · Accepted Answer · 2014-07-14 11:05:47Z

0

1) If you reference full jQuery library, Angular should use it instead of it's own. Do you reference it before angular.js file?

2) Wrap your code with $timeout to prevent error '$digest already in progress'

answered Jul 14, 2014 at 11:05

Jan Barta

4602 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to use Jquery $.Ajax in angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related