This is a migrated thread and some comments may be shown as answers.

Ajax call on Jelly Bean not working

7 Answers 158 Views

Report a bug

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Marcus asked on 03 Jan 2013, 11:41 PM

I'm working on an app that talks to my database through Ajax jQuery calls. The backend is a WCF webservice. This was working fine.
Then I got a new Android (HTC DNA) which comes with Jelly Bean 4.1.1. Now my POST ajax calls no longer work. If I make a GET it works, but not with a POST.
My webservice is receiving the POSTs, as they are showing up in my logs, but my phone never receives the response. it will just wait until it times out.

Searching online didn't bring up anything (except http://stackoverflow.com/questions/12409440/phonegap-cordova-app-breaks-in-jelly-bean-access-control-allow-origin-and-seta , but I'm not sure if it applies here).

Can somebody confirm for me that they have an app on Jelly Bean that can successfully create Ajax POSTs? Or why the app would stop working for me all of a sudden? (It still works on older OS versions).

Thanks!

7 Answers, 1 is accepted

answered on 07 Jan 2013, 10:46 AM

Hello Marcus,

I tried to reproduce the issue you reported, using Samsung Galaxy S3 with Android 4.1.1, but to no avail. Unfortunately, we don't have HTC DNA testing device. I wrote a very simple example using a weather service. I'd appreciate it if you could give it a try. Here is the sample:

HTML:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>Hello, World</title>

<link href="jquery-mobile/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />

<link href="styles/main.css" rel="stylesheet" type="text/css" />

<script src="cordova.js" type="text/javascript"></script>

<script src="jquery-mobile/jquery-1.8.2.min.js" type="text/javascript"></script>

<script src="jquery-mobile/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>

<script src="js/hello-world.js" type="text/javascript"></script>

</head>

<body>

<button id="test"></button>

</body>

<script type="text/javascript">

app.initialize();

</script>

</html>

JavaScript:

var app = {

initialize: function() {

document.getElementById("test").addEventListener("click", this.getResposne);

},

getResposne:function () {

$.ajax({

type:"POST",

url: "http://wsf.cdyne.com/WeatherWS/Weather.asmx/GetCityWeatherByZIP",

data:{zip:"34464"},

}).done(function( msg ) {

console.log( msg );

});

}

};

Just create an empty jQuery project and copy the html part inside the index.html and the JavaScript part inside hello-world.js. All the best,
kdimitrov
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Pluralsight.