Reference error when searching on submit using AngularJS

Question

I am having issues with search on submit using angularJS

Here is html, contained insied module and controller,

<form ng-submit="search()">
            <div class="input-group col-md-6 typeahead-wrapper">
                <input type="text" ng-model="searchkeyword.keystring" id="searchField" placeholder="Type any keyword to search for a Masjid" class="form-control typeahead">
              <span class="input-group-btn">
                  <button class="btn btn-primary" id="goSearch" type="submit"><span class="glyphicon glyphicon-search"></span></button>
              </span>
            </div><!-- /input-group -->
            </form>

Search function:

app.controller('MyCtrl', ['$scope', '$http', function($scope, $http) {
$scope.searchkeyword    = {};
$scope.results = [];
$scope.searchkeyword.bylocation=2;
$scope.searchkeyword.lat=-1;
$scope.searchkeyword.lon=-1;
$scope.search = function() {
  /* the $http service allows you to make arbitrary ajax requests.
   * in this case you might also consider using angular-resource and setting up a
   * User $resource. */
  $http.get('http://localhost/json/search.php', { params: searchkeyword },
    function(response) { $scope.results = response; alert(response); },
    function(failure) { console.log("failed :(", failure); });
}}]);

As I submit, it gives the error

ReferenceError: searchkeyword is not defined

Thanks for help.

Thanks, removed that error, but not going into response/failure functions. — Fahad Khan
– Fahad Khan, Commented Sep 8, 2014 at 6:03
$http.get('localhost/json/search.php?params='+$scope.searchkeyword)..... — Kalhan
– Kalhan, Commented Sep 8, 2014 at 6:13
You should not pass callbacks to http.get, it returns a promis so you have to use http.get().then(sucesscalback,errorcalback) — MiTa
– MiTa, Commented Sep 8, 2014 at 6:18

Kalhan · Accepted Answer · 2014-09-08 06:18:44Z

1

try with $scope.searchkeyword you are using only the searchkeyword

var url = 'http://localhost/json/search.php?params='+$scope.searchkeyword;
$http.get(url).function(response) { .....

edited Sep 8, 2014 at 6:18

answered Sep 8, 2014 at 5:58

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

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

2 Comments

Fahad Khan Over a year ago

Error: response is not defined.

Fahad Khan Over a year ago

Done it the sameway, but with callbacks as @MiTa suggested, thanks.

harishr · Accepted Answer · 2014-09-08 06:07:13Z

1

change below code

        $http.get('http://localhost/json/search.php', { params: searchkeyword },

to

       $http.get('http://localhost/json/search.php', { params: $scope.searchkeyword },

answered Sep 8, 2014 at 6:07

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Collectives™ on Stack Overflow

Reference error when searching on submit using AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related