I have an web application(Eg: http://xyz.com) that is working in both Android and Iphones. The same application I have placed in an Iframe in a new application(http://MainApplication.com).
When I hit http://MainApplication.com in android chrome it is working as expected without any issues. The same application is not working in Iphone(Chrome and Safari) and the error is "Internal Server Error while calling Ajax call".
But when I run the http://xyz.com application alone in iphone it is working fine. I strongly believe it is an issue with Iframe only but not able to figure out how to resolve it. Any help would be appreciated.
Index Page in MainApplication
- <body>
- <iframe src="http://xyz.com" style="width:100%;height:100%; border:none"></iframe>
- </body>
There is a Ajax call in my XYZ application
- $.ajax({
- url: "/Home/GetDetails",
- dataType: "html",
- type: 'GET',
- traditional: true,
- data: { latitude: _latitude, longitude: _longitude, radius: distance, attribute: selected },
- success: function (data) {
- //Logic
- }
- })