Take string from input and make an AJAX request in AngularJS

Question

Here is my code :

there are 3 js files , and it works pretty much good when I use static URL (without inputCity variable inside) . How should I tell angular correctly to take that info from my input and put it into the link and show weather info for a particular city ?

This is my form:

    <form class="form-container" ng-submit="Weather.getWeather(inputCity)">
        <input class="input-field" type="text" ng-model="inputCity" placeholder="City">
        <input class="button-style" type="submit" value="Show Weather">
    </form>

and it is my angular.factory:

angular
.module('weather.factory', [])
.factory('Weather', [
    '$http',
    function($http) {
        return {
            getWeather : function(inputCity) {
                return $http({
                    url: 'http://api.wunderground.com/api/KEY/conditions/q/' + inputCity + '.json',
                    method: 'GET'
                })
            }
        }
    }
]);

The way this question is written, it is likely to attract downvotes and/or close votes. In order for a question to be on topic for the site, you need to provide a Minimal, Complete, Verifiable Example in the question itself. see stackoverflow.com/help/mcve and How to Ask — Claies
– Claies, Commented Mar 29, 2015 at 17:05

Pankaj Parkar · Accepted Answer · 2015-03-29 17:23:54Z

1

You should never call you service method from your controller which has promise, It should call from controller & then update you required location data in ajax sucess

HTML

<form class="form-container" ng-submit="submitForm(inputCity)">
    <input class="input-field" type="text" ng-model="inputCity" placeholder="City">
    <input class="button-style" type="submit" value="Show Weather">
</form>

Code

$scope.submitForm =function(inputCity){
   Weather.getWeather(inputCity).success(function(){
      //data updation will lie here
   }).error(function(error){
      //do error handling here
   })
};

answered Mar 29, 2015 at 17:23

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Take string from input and make an AJAX request in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related