对PHP脚本的Ajax / jQuery跨域请求

Question

I'm new to using Ajax and jQuery. I have been trying to send form data using jQuery to a PhP script.

This is my jQuery code:

alert('No errors: Form will be submitted:');

            $.ajax({ 
                url: 'http://myapplication.elasticbeanstalk.com/',
                dataType: 'jsonp',
                crossDomain: true,
                data: {nameInput: $('#name').val()},
                type: 'GET',

                success: function(response) {
                    alert("success!"+response);
                },

                error: function(){
                    alert("fail!");
                }
            });

PhP Code:

<?php
header('Access-Control-Allow-Origin: *'); 
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header("Content-Type: application/json", true);


echo "----";
$return = $_GET['name'];

echo json_decode($return);
?>

The jQuery code runs in one server while the php runs in Amazon Cloud services. I keep getting an NS_BINDING_ABORTED error from the elasticbeanstalk server and I don't know why. I have tried everything to fix this including adding cross-domain headers to my $.ajax request and trying this with POST but nothing has helped so far.

Any help is appreciated.

Answer 1

var url = "http://website.com/;
var XHR = window.XDomainRequest || window.XMLHttpRequest
var xhr = new XHR();
xhr.open('GET', url, true);
xhr.onload = function() {
$('#loadhere').html(xhr.responseText); 
}
xhr.send();

<div id="loadhere"></div>

And Necessarily add to all page

<?php header('Access-Control-Allow-Origin: *'); ?>