I'd add a comment here:
PhoneGap application not working on Google Ripple
but given my low reputation on StackOverflow (as elsewhere), I can't. That thread raises similar issues but does not answer my question. I am trying to test the functionality of an HTML5 page that will eventually be made into a mobile app with PhoneGap. The page makes an AJAX call to a JSON service via jQuery:
$(document).ready(function() {
$.ajax({
url: 'latest.json',
type: 'get',
datatype: 'json',
processData: false,
success: function(data) {
//…make it so
});
});
and runs flawlessly as HTML5 in Chrome. However, when using the Ripple PhoneGap emulation available for Chrome, the JSON fails with a 500 error:
GET https://rippleapi.herokuapp.com/xhr_proxy?tinyhippos_apikey=ABC&tinyhippos_rurl=latest.json 500 (Internal Server Error) rippleapi.herokuapp.com/xhr_proxy?tinyhippos_apikey=ABC&tinyhippos_rurl=latest.json:1
The suggested answer to the question linked above reads:
I had the same issue. It was happening when I was trying to connect to my WebAPI service hosted on IISExpress.
After I changed hosting to my local IIS server, the error dissapeared (sic) and I was able to connect to my WebAPI service using Ripple.
But I'm not running IIS or indeed anything locally -- it's all running off a remote server hosted by an ISP. Since, as I say, this page runs fine in non-emulation mode, the fault would appear to be in Ripple. Any help making this emulation operate correctly will be greatly appreciated.
$.ajax({
type: "GET",
url: serviceurl + "/GetBusinessPartner/",
dataType: "json",
crossDomain: true,
success: function (responseData) {
},
error: function (xhr) {
}
});
This worked for me and in ripple setting disable cross domain proxy.
Related
i am trying to run my app after using phonegap but failing to pass the AJAX code section
it work perferctly on Ripple emulator but after installing it on my device (android 5.0) the ajax call just failed (Getting the ErrMSG).
Thanks
this is the code i am using:
$.ajax({
type: "POST",
url: "LogIn.aspx/UserCheck",
data: "{'UserName':'" + UserName + "','Password':'" + Password + "'}",
contentType: "application/json",
dataType: "json",
success: function (msg) {
if (msg.d == true) {
window.location.href = "Default.aspx";
}
else
alert("please insert correct username and password");
},
error: function (xhr, textStatus, errorThrown) {
alert('Ajax Call Failed');
}
});
It looks like your ajax call is calling on your local web server. Since you are not running now on your local web server you will need to adjust your ajax call to hit the full url. You have two places (at least in the code you have provided):
url: "LogIn.aspx/UserCheck"
and
window.location.href = "Default.aspx";
This last bit of code really needs to be a page or block of code in your app. This way if the phone is not connected to the Internet for whatever reason you still can give your users a valid error message.
Once this is done you will then need to whitelist your domain in your app.
After deploy to phone, you have a Cross Domain call to your aspx. so you also need to enable Cors.
Why do you redirect to default.aspx after login? if you redirect from the original index.html, which is located in the phone to the default.aspx which is located in the IIS Server, you lost control of the phone application, all plugins will not work, just like your apps become a mobile browser.
btw, r u using vb or c# in the aspx?
I've got a simple server app running on Heroku that I'm making ajax calls to from a Cordova app. I've setup CORS on the server app and I can call the server from my browser without any problems. However, when I call the server using the exact same code from within Cordova I get a Bad Request error!!
$.ajax({
url: 'http://{myserver}/{function}',
type: 'GET',
data: { mydata... },
success: function(resp){ alert("success"); },
error: function(err) { alert(err.statusText); }
});
I've tried adding crossDomain: true and dataType: 'jsonp', it makes no difference. I've also checked that all domains are whitelisted in Cordova <access origin="*" />
Why can't I access the server from Cordova when I can access it from my browser?
Figured it out! The reason was that I has a misspelling in data: { ... } so one of the parameters was missing.
A am trying to make a fairly simple ajax call to my server to handle login etc. the app is written using sencha, with phonegap. As far as I am aware, because phonegap sends all requests as file// cross-domain issues do not apply. However I am constantly getting failures when testing this on a real device. If I implement the sencha app as localhost then everything works fine (this is making a call to a different server). The call is successful etc. However when I build it in eclipse and port it to my phone, I always get a failure. the code I am using is below, but I don't think it is this because as I say, this works locally.
Ext.Ajax.request({
url: 'http://xxx/global/external_api.ashx',
timeout: 3000,
method: 'POST',
params: requestData,
success: function (xhr) {
alert('Success: ');
},
failure: function (e) {
alert("An error occured connecting to the server: ");
}
});
Anyone have any other thoughts?
Seems to be something to do with the newest 3.2 build.. reverted to 2.9 and it works fine.
I am working on ASP.NET MVC4 webapi and it seems a put request via $.ajax works fine in case of google chrome and Firefox but it isn't workin in IE(10).
The below code :
$.ajax({
url: 'api/xQuizQuestion',
type: 'PUT',
dataType: 'json',
data: JSON.stringify(AllQsWithAs),
contentType: "application/json;charset=utf-8",
success: function (data) {
alert('Student added Successfully');
},
error: function () {
alert('Student not Added');
}
});
Works fine in chrome/firefox, in sense that the data AllQsWithAs(which is an array of Complex types) gets added to the Request body, but in case of IE(10) the request body is sent without the Data.
Confirmed the same with Fiddler as well.
Surprisingly it works just fine when I change my Browser Mode to IE9/IE8 or Browser mode to IE 8/9.
Not sure whats the issue. Any help/insight would be appreciated.
Seems to be a bug in IE 10.
I'm finding reports that adding this tag to your head will run the scripts in compatibility mode.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >
http://code.gishan.net/code/solution-to-ie10-ajax-problem/
Old bug tracker entry for jQuery closed as can't fix: http://bugs.jquery.com/ticket/12790
I'm having trouble finding a good source, but it may have been fixed in the latest and greatest IE10 release.
As the title says, I'm trying to access (POST) using jQuery AJAX call to a web url, http://host:port/... or http://localhost:8080/... from a local HTML file, c:\home.html. I can't get it to work.
I did Google and also saw several questions here but I can't get it to work. I need some help here. Here is what I've tried so far.
dataType: jsonp
crossDomain: true
Setting the header in my response:
response.setHeader("Access-Control-Allow-Origin", "*");
None of the three browsers are working - IE, FF or Chrome. The request is never reaching the server. Here are some of the errors I'm seeing.
No Transport (IE) if not jsonp is used.
NS_BINDING_ABORTED / Error loading content (NS_ERROR_DOCUMENT_NOT_CACHED) in FF
This is my code. I would appreciate any help. I'm using jquery-1.8.2.min.js.
var http_host = "http://localhost:8080";
function su (pc, p) {
var suUrl = http_host + "/ps/api/v2/authorize.json";
$.ajax({
type: 'POST',
url: suUrl,
data: {
phone_cell: pc,
password: p,
},
dataType: "json",
crossDomain: true,
success: osu,
error: oe
});
return false;
}
function osu (d) {
console.log(d);
}
function oe(xhr, ts, et) {
alert("ServerError: " + et);
}
An example would be a perfect pointer.
I suppose my code got messed up w/ all the different solutions that I was trying. I was finally able to get it to work w/ setting the header (solution that was recommended and worked for others). All that I had to do to get it to work is add the following to my REST service response.
response.setHeader("Access-Control-Allow-Origin", "*");
Update:
I thought I figured this out but I've not. There is more it than just setting the header. Anyways, in my specific situation. I was trying to run my app (html, js) off of the hard drive specifically on chrome and trying to access web services available on the cloud.
Here is how I finally solved the problem. I started the chrome w/ the following parameters.
--disable-web-security -–allow-file-access-from-files
Like I mentioned earlier, this app is really a desktop application that will be run as part of the chromium embedded framework.
Thanks every one for your input.
You can't make a cross-domain request from a local file because it's not on a domain. You need to host C:\home.html on a local webserver instance in order for it to work.