JavaScript query does not work correctly within a function, no results are shown

Question

UPDATE.

I've now added a screen shot of the parse data browser showing a row using customer number 21.

enter image description here

UPDATE.

Based on the comments below and the suggested answer I have updated my code. It functions without error but does not appear to have the desired result.

I see two issues.

Once, I don't see anything being stored in the cname or cnumber variables, they appear undefined.

Secondly, I wanted the result of the user typing in a number (searchnumber) into the input box that matches that stored (cnumber) in parse to then return this parse object to the user.

Whats wrong with this code? it runs in the browser without errors in Chrome dev tools, but does not appear to return the "CustomerObject" If I run it outside of the function and without the search button it will work, be it only return an empty object.

Is there a problem with my code structure?

HTML

  <input type="text" name="searchnumber" id="searchnumber" value="" placeholder="Customer Number"/>  
  <button type="submit" onclick = "search()" >Find</button>

JS

function search() {
    var CustomerObject = Parse.Object.extend("CustomerObject");
    var retrieve = new Parse.Query(CustomerObject);  
    retrieve.equalTo("customernumber", $('#searchnumber').val()); 
            retrieve.first({ 
                success: function(retrieveResults) 
            {

            }

        });
            var cname = retrieve.get("customername");  
            var cnumber = retrieve.get("customernumber");

      };

Looks like you have not taken into account that this is an asynchronous method … — C3roe
– C3roe, Commented May 7, 2014 at 16:35
in your function never return object, you should have define your object before return for can return like this funcion retrieve(){ var temp={"id":1,"name":"hello"}; return temp;}, i dont know if this action do you want to done — Enrique YC
– Enrique YC, Commented May 7, 2014 at 16:59
The query runs, you're just not doing anything with the results. You need to do all post-processing inside the success handler, accessing retrieveResults and calling other methods from there. — Fosco
– Fosco, Commented May 7, 2014 at 17:08
If someone can provide the code example in the answer I'm happy to accept that and the feedback in the comments. — Dano007
– Dano007, Commented May 7, 2014 at 17:23
Please also show the code where you are using the values of cname and cnumber as you will need to have all that code inside the success function. — Timothy Walters
– Timothy Walters, Commented May 8, 2014 at 12:57

Marius Waldal · Accepted Answer · 2014-05-07 18:29:39Z

1

Inside the success function, do this:

var cname = retrieveResults.get("customername");
var cnumber = retrieveResults.get("customernumber");

You should rename retrieveResults to object or customerObject or something.

You're trying to get customername and number from the query, not the retrieved object.

Full code:

function search() {
    var CustomerObject = Parse.Object.extend("CustomerObject");
    var retrieve = new Parse.Query(CustomerObject);
    retrieve.equalTo("customernumber", $('#searchnumber').val());
    retrieve.first({
        success: function(customerObject) {
            var cname = customerObject.get("customername");
            var cnumber = customerObject.get("customernumber");
            ...
        }
    });
};

edited May 7, 2014 at 18:29

answered May 7, 2014 at 18:24

Marius Waldal

9,9625 gold badges32 silver badges45 bronze badges

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

7 Comments

Dano007 Over a year ago

Thanks! To make sure I understand, I thought this code would query parse to look to see if the number entered in the input box (#searchnumber) matched the number stored against (customernumber) in parse, if a match was found then I could then do something further with the matched object.

Marius Waldal Over a year ago

Yes, the equalTo will match customernumber with the value from #searchnumber, and only return an object if match is found.

Dano007 Over a year ago

Ok, thats what I'm looking to achieve, when i run the code though and enter "21" intot he input box, no object seems to be returned? kudosoo.com/findfriends.html

Marius Waldal Over a year ago

So, show me a screenshot of your data browser for a row where customernumber is 21

Marius Waldal Over a year ago

What if you comment out the equalTo line and use retrieve.find instead? "customerObject" should in this case be an array containing 1 object. Can you check that it does?

|

Collectives™ on Stack Overflow

JavaScript query does not work correctly within a function, no results are shown

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related