How to fetch data from another server using AJAX

Question

I need to fetch the data from one of my files located at different url.Here is the code that shows the ajax request sent to the server

<script>
    alert('return sent');
    $.ajax({
        type: "POST",
        url: "example.com/show.php",
        data: 1
    })
    success: function data(response) {
        alert(data); // apple
    }
</script>

Here is the code on another file that I am accessing through Ajax (example.com/show.php).

<?php
    echo 'Hello '; 
?>

However I am getting Cross-Origin Request Blocked: warning in my console.

Possible duplicate of [jQuery AJAX cross domain](http://stackoverflow.com/questions/3506208/jquery-ajax-cross-domain) — michaPau, Jan 18 '17 at 12:43

score 1 · Answer 1 · answered Jan 18 '17 at 12:39

1

add in show.php

header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Credentials: true");
header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: Content-Type, *");

answered Jan 18 '17 at 12:39

Oleksandr Maliuta

506
4
17

You are also correct first saw that one so accepted it. – Jan 18 '17 at 12:54

score 1 · Accepted Answer · answered Jan 18 '17 at 12:46

1

Please replce your show.php like

<?php
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Credentials: true");
header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: Content-Type, *");
echo 'Hello ';

?>

Hope it helps

answered Jan 18 '17 at 12:46

Pratik bhatt

488
8
23

Is this safe to use? – Shubham Gupta Aug 31 '20 at 12:00

How to fetch data from another server using AJAX

2 Answers2