CODEWITHSUNDEEP
javascriptjqueryjson
paripurna
paripurna

Reputation: 135

SyntaxError: invalid label while retrieving JSON object

When retrieving JSON object I receive the following error:

  1. SyntaxError: invalid label in Mozilla.
  2. Uncaught SyntaxError: Unexpected token : in Chrome

My JSON object is the format shown below:

{
   "userName" : "clevermeal835",
   "userRole" : "Participant",
   "userAccountStatus" : "Active"
}

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="Scripts/jquery-min.js"></script>
<script src="Scripts/jquery_validate.js"></script>
<script>
$(document).ready(function() {
    loadLatestTweet();  
});

function loadLatestTweet(){
var xhr = new XMLHttpRequest();
var uid = "clevermeal835";
var pwd = "Welcome_1";
var userType = "participant";
    var surl =      'http://localhost:8080/RESTlet_WS/MobiSignIn/{"userName":"'+uid+'","password":"'+pwd+ '","userType":"'+userType+'"}&callback=?';

    var jqxhr = $.getJSON(surl, function() {
        alert("success");
    }).success(function() { alert("second success");   }).error(function() { alert("error"); }).complete(function() { alert("complete"); });
    jqxhr.complete(function(){ alert("second complete"); });
 }
 </script>
</head>
<body>
<input id="jsonpbtn2" type="submit" value="button" />
</body>
</html>

Upvotes: 6

Views: 9882

Answers (3)

Jignesh.Raj
Jignesh.Raj

Reputation: 5987

you can make code seem like this

var params = { "Username": UserNameValue,"Password": PassValue};


        $.ajax({
            type: "POST",
            url: "http://localhost:8080/RESTlet_WS/MobiSignIn/",
            contentType: 'application/json',

            data: JSON.stringify(params),
            dataType: 'json',
            async: false,
            cache: false,
            success: function (response) {


            },
            error: function (ErrorResponse) {


            }

Upvotes: 3

Ted
Ted

Reputation: 4067

I had the exact same problem when calling an asmx web service (.NET).

I resolved it by enclosing my return value with square brackets like so:

return @"[ {{ ""status"" : ""OK"", ""message"" : ""Success !!!"" }} ]";

and then "evaled" my return var because of the pesky d param:

$.ajax({
            type: "POST",
            url: 'http://www.example.com/',
            contentType: 'application/json; charset=utf-8',
            data: '{name: "' + vName + '", target: "' + vTarget + '", phone: "' + vPhone + '", timeframe: ' + true + '}',
            dataType: 'json',
            success: function (msg) {

                jsonMsg = eval(msg.d);

                alert(jsonMsg.status);
                alert(jsonMsg.message);
            },
            error: function (xhr, msg) {
            }
        });

Upvotes: 0

AmGates
AmGates

Reputation: 2123

Hey try this for the surl you are using

var params = encodeURIComponent('{"userName":"'+uid+'","password":"'+pwd+ '","userType":"'+userType+'"}');
var surl = 'http://localhost:8080/RESTlet_WS/MobiSignIn?params='+params+'&callback='

Use like this

Upvotes: 0

Related Questions