jQuery.post not working

Question

I'm trying to build a HTML5 mobile app using Intel XDK. For some reason, when I emulate on the Intel XDK it works but when I try it on a real device I get the error alert

http://localhost The following error occured: {"readyState":0,"responseText":"","status":0,"statusText":"error"}

request = $.ajax({
                    url: "http://domain.com/form.php",
                    type: "post",
                    data: serializedData
                });

                // callback handler that will be called on success
                request.done(function (response, textStatus, jqXHR){
//do stuff
                });

                // callback handler that will be called on failure
                request.fail(function (jqXHR, textStatus, errorThrown){
                    // log the error to the console
                    alert(
                        "The following error occured: "+
                        JSON.stringify(jqXHR,textStatus,errorThrown)
                    );
                });

Answer 1

It is probably failing because of cross-origin request, you have to add these script tags to work around the cross-origin error in Intel XDK apps:

<script src="intelxdk.js"></script>
<script src="xhr.js"></script>

actual script files are not required, you just need to add the above script tags to index.html it will be automatically included in Intel XDK builds. Here is more details.