URL works Fine in browser but gives 404 error with ajax request

Question

Hello i am working on a PHP script and i am facing an issue that when i open the URL from browser it opens successfully but when try to make ajax request it gives me 404 Error. My Code is Following

jQuery.ajax({
            url : "http://example.com/ajaxRequest/index.php",
            method : "POST",
            cache: false,
            data : {
                name : "Mohsin",
            },
            success : function(data){
                alert(data);         
            },
        });

Same URL opens in browser but gives 404 Error with ajax Request. i have also included

header('Access-Control-Allow-Origin: *');

in above script

What about adding header('Access-Control-Allow-Methods: GET, POST'); — Jaromanda X, Nov 16 '15 at 06:29

score 1 · Answer 1 · edited May 23 '17 at 11:59

1

Mention as cross domain request in your ajax. And also use jsonp for cross domain requests.

url : "http://example.com/ajaxRequest/index.php",
        method : "POST",
        cache: false,
        data : {
            name : "Mohsin",
        },
        crossDomain:true,    <---- add this line
         dataType : 'jsonp',   // also this line
        success : function(data){
            alert(data);         
        },

See about jsonp here and here

edited May 23 '17 at 11:59

Community

1
1

answered Nov 16 '15 at 06:20

Niranjan N Raju

12,047
4
22
41

you are welcome. try that and let me know about the result. – Niranjan N Raju Nov 16 '15 at 06:27
Yes Sure :) .. i will let you know – Muhammad Husnain Tahir Nov 16 '15 at 06:28
Jsonp is a hack that shouldn't be required in this case with access to the server side code. It also requires not insignificant recoding on the server – Jaromanda X Nov 16 '15 at 06:32

URL works Fine in browser but gives 404 error with ajax request

1 Answers1

Linked