Send post to a different domain using JS

I'd like a post request to be sent o开发者_如何学Gonce a certain text input field is changed, using javascript.

So here is my current code:

<input name="message" onchange="$.ajax({type: \"POST\", url: \"http://example.com/example.php\", data: \"message=\" + document.getElementsByName(\"message\")[0].value});" />

Now, it's working on a regular connection, but it's not working on a secured connection (SSL). I mean, the page is secured, but the request is sent to a non secured page.

Is there a solution?

---

Set the target attribute of the form to point to a hidden iframe.

You won't be able to read the response, but you can make the request.

If you want to read the response, you will need to proxy the request through your own server.

---

As David points out, t is not possible to do an asynchronous POST to a service on another domain, due to the (quite sensible) limitation of the same origin policy. JSON-P only works because you're allowed to insert tags into the DOM, and they can point anywhere.

YOu can do cross-domain AJAX w/ GET using JSONP: JSONP CrossDomain

It also covers how to do JSONP w/ jQuery

same origin policy prevents a document or script loaded from one origin from getting or setting properties of a document from another origin. Two pages are considered to have the same origin if the protocol, port, and host are the same for both pages. http://rj3.net/mdc/sop

make sure you specify ssl in the ajax url, when the rest of your page uses ssl too e.g https

You can't send it from a https to a http site. any https asset (html or otherwise) can only be accessed by something on the same domain / ssl certificate. so, you won't be able to do what you are trying to do (https to http). so since your page is served on https the targeted http site can not access it due to the policy