Search jQuery

jQuery Forum

Screen name:
joyjeetm

joyjeetm's Profile

1 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery.Ajax not working for mobile app or any browser other than working in IE
[4Replies]
- 03-Jun-2012 04:01 PM
- Forum: jQuery Mobile
Working on a Data driven mobile app (for iPhone, Android, WP7, ETC.) using HTML5 and jQuery. I am using WCF webservice to connect to the DB. Using JSON to POST and GET data. However it works on IE but not in any other browser or a mobile app. Sample working code in IE is below:-
1. <!doctype html>
2. <html lang="en">
3. <head>
4. <link href="Content/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css" />
5. <link href="Content/Site.css" rel="stylesheet" type="text/css" />
6. <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
7. <script src="Scripts/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
9. <script type="text/javascript">
11. var Type;
12. var Url;
13. var Data;
14. var ContentType;
15. var DataType;
16. var ProcessData;
18. jQuery.support.cors = true; // force cross-site scripting (as of jQuery 1.5)
20. function WCFJSON() {
21. var userid = "1";
22. Type = "POST";
23. Url = "http://localhost:7907/AlertService.svc/GetAlertForDevice";
24. Data = '{"deviceID": "' + userid + '"}';
25. ContentType = "application/json; charset=utf-8";
26. DataType = "json";
27. ProcessData = false;
28. CallService();
29. }
31. // Function to call WCF Service
32. function CallService() {
33. $.ajax({
34. type: Type, //GET or POST or PUT or DELETE verb
35. url: Url, // Location of the service
36. data: Data, //Data sent to server
37. contentType: ContentType, // content type sent to server
38. dataType: DataType, //Expected data format from server
39. processdata: ProcessData, //True or False
40. success: function (msg) {//On Successfull service call
41. ServiceSucceeded(msg);
42. },
43. error: ServiceFailed// When Service call fails
44. });
45. }
47. function ServiceFailed(result) {
48. alert('Service call failed: ' + result.status + '' + result.statusText);
49. Type = null;
50. varUrl = null;
51. Data = null;
52. ContentType = null;
53. DataType = null;
54. ProcessData = null;
55. }
57. function ServiceSucceeded(result) {
58. if (DataType == "json") {
59. resultObject = result.GetAlertForDeviceResult;
60. var str = '';
61. for (i = 0; i < resultObject.length; i++) {
62. $('#alertList').append('<li><a href="#">' + resultObject[i] + '</a </li>').listview('refresh');
63. }
64. }
65. }
67. $(document).ready(
68. function () {
69. WCFJSON();
70. });
71. </script>
73. </head>
74. <body>
75. <div data-role="page">
76. <div data-role="header" data-theme="b">
77. <h3>
78. Test Page
79. </h3>
80. <a href="#" data-role="button" data-direction="reverse">My Test</a>
81. <a href="#" data-role="button" data-icon="plus">Done</a>
82. </div>
83. <div data-role="content">
84. <ul id="alertList" data-role="listview" data-inset="true">
85. <li data-role="list-divider">Navigate To</li>
86. </ul>
87. </div>
88. </div>
89. </body>
90. </html>
I have seen some post using JSONP but I guess it only supports GET not sure how I will do POST, DELETE.

Help is much appreciated

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend