current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.4 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 0 down vote favorite

UPDATED : now I can see datas are loaded (from F12 > Network on Chrome). But spans are not updated with datas loaded from JSON :(

I've error "Uncaught SyntaxError: Unexpected token", but after hours of searching and tests I don't know why.

index.html head :

<script type="text/javascript">
    var displayResult = function(response){
        $("#fruit_name").append(response.fruit_name);
        $("#fruit_color").append(response.fruit_details.Color);
        $("#fruit_taste").append(response.fruit_details.Taste);
    }
    var response = $.ajax({
    type: "GET",
    dataType:"json",
    url: "https://www.domain.tld/api/?core=fruits&function=getFruits",
    data: "",
    success: displayResult
});
</script>

index.html body :

<p>Fruit name : <span id="fruit_name"></span></p>
<p>Fruit color : <span id="fruit_color"></span></p>
<p>Fruit taste : <span id="fruit_taste"></span></p>

api file (PHP) :

$array = array(
            "fruit_name" => "Tomato",
                "fruit_details" => array(
                    "Color" => "red",
                    "Taste" => "acid"
                )
            );
echo json_encode($array,JSON_UNESCAPED_UNICODE);

api raw return :

{"fruit_name":"Tomato","fruit_details":{"Color":"red","Taste":"acid"}}

Can someone help me ?

Content JSON send as Content-Type: application/json

Thank you.

share|improve this question
    
missing semi colons on lines 4 & 5 – MLeFevre Aug 29 '13 at 15:21
    
Error when copy/paste, updated ;) – neocydfr Aug 29 '13 at 15:22
    
looks fine... which is the line pointed out by browser console – Arun P Johny Aug 29 '13 at 15:22
    
do you have a line number of where the error is occuring? – MLeFevre Aug 29 '13 at 15:22
2  
Where and when you got the error – Emilio Gort Aug 29 '13 at 15:23
up vote 0 down vote 
url: "https://www.domain.tld/api/?core=fruits&function=getFruits&callback=?",

You're using a callback parameter in your url, which means that jQuery will treat it as a JSONP call - where your response is invalid. Remove it, and your response will be properly parsed as JSON:

url: "https://www.domain.tld/api/?core=fruits&function=getFruits",
share|improve this answer
    
Ok thank you, I've edited from JSONP to JSON by removing "&callback=?". Now I don't have error from console but span is not updated with datas loaded :/ – neocydfr Aug 29 '13 at 15:35
    
Ok now I can see datas are loaded (from F12 > Network on Chrome). But spans are not updated with datas loaded from JSON :( – neocydfr Aug 29 '13 at 15:49
    
Then try to log the jQuery objects and the response argument to get sure – Bergi Aug 29 '13 at 19:28
up vote -1 down vote

This is jQuery code:

$("#fruit_name" ).val(response.fruit_name);
$("#fruit_color" ).val(response.fruit_color);
$("#fruit_taste" ).val(response.fruit_taste);

Make sure it is enclosed with:

$(document).ready(function() {
    $("#fruit_name" ).val(response.fruit_name);
    $("#fruit_color" ).val(response.fruit_color);
    $("#fruit_taste" ).val(response.fruit_taste);
});
share|improve this answer
    
Updated code, nothing changes : same error. – neocydfr Aug 29 '13 at 15:30
    
Of course it won't change, it's already inside a $(document).ready() call (and being passed as the success callback of an AJAX request). – Anthony Grist Aug 29 '13 at 15:48
    
@AnthonyGrist tell me please, how could I know that the code was already inside $(document).ready()?? OP didn't provide it in the question. – matewka Aug 30 '13 at 10:42
    
@matewka It looks like the question has been edited back and forth; there was a $(document).ready( line in there when I read the question. – Anthony Grist Aug 30 '13 at 12:32
    
@AnthonyGrist if so, please be that kind and undo your downvote (if one of them was yours, of course). – matewka Aug 30 '13 at 12:58

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.