ajax request in angular and php

Question

I'm trying to start a simple web page in which I wanna load data to a combobox from a request to my php script; The problem that I'm having is that when I load the page it doesn't load, but if i assign the function to a button it does but i have to press it twice for it to start working... I just can't figure out why that's happening, I have the next code in my html:

<div class="form-group">
       <label class="col-md-6 col-xs-12" for="pref-perpage">Categoría:</label>
       <select id="pref-perpage" class="col-lg-9 lindo">
               <option ng-repeat="result in search.vendor">{{result.nombreCategoria}}</option>
               <option selected="selected">[ Seleccione ]</option>
       </select>
</div> <!-- form group [Categoria] -->

this is my javascript:

  search.buscar = function()
  {

    $.ajax({
      url: "Busqueda.php",
      type: "get",
      success: function(response) {
          search.vendor.push({'nombreCategoria':response});
        var JSONObject = JSON.parse(response);

          for(var x in parsed){
          search.vendor.push(parsed[x]);
        }

and the kind of data that I want to fill the array with would be something like:

search.vendor = [{'nombreCategoria':'data'}];

If've also tried the $http method from angular but it does the same; I fill the combobox with fake data manually and I have no problem!

server response: [{"nombreCategoria":"ACCESORIOS"},{"nombreCategoria":"CPU"},{"nombreCategoria":"IMPRESORA"},{"nombreCategoria":"MONITOR"}]

Yeah, as i wrote before i already tried that...and worked the same...still having the same problem; actually that's "old", i'm using the $http right now and gives me the next error: SyntaxError: Unexpected token o, in the line of the JSON.parse... — Gabriel Tortomano
– Gabriel Tortomano, Commented Apr 15, 2016 at 3:15
Yes, of course, the server response to that is: [{"nombreCategoria":"ACCESORIOS"},{"nombreCategoria":"CPU"},{"nombreCategoria":"IMPRESORA"},{"nombreCategoria":"MONITOR"}] — Gabriel Tortomano
– Gabriel Tortomano, Commented Apr 15, 2016 at 3:24
try replacing search.vendor.push() with $scope.search.vendor.push() — Hiren patel
– Hiren patel, Commented Apr 15, 2016 at 4:44

Community · Accepted Answer · 2017-05-23 10:28:15Z

0

I'm working with Gabriel in this project. The soluction was to add the method $scope.$apply(); after the .push() method...

So, the function looks like this:

search.buscar = function() {
    $.ajax({
        url: "Busqueda.php",
        type: "get",
        success: function(response) {
            search.vendor.push({'nombreCategoria':response});
            var JSONObject = JSON.parse(response);
            for(var x in parsed) {
                search.vendor.push(parsed[x]);
                $scope.$apply();
            }
        }
    });
}

By the way... I found the solution here (stackoverflow)

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Apr 17, 2016 at 18:36

Sebastián Rodriguez

1302 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

ajax request in angular and php

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related