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

michaPau
– michaPau

2017-01-18 12:43:07 +00:00
Commented Jan 18, 2017 at 12:43 — michaPau
– michaPau, Commented Jan 18, 2017 at 12:43
i want to achieve it without Json

user7428851
– user7428851

2017-01-18 12:48:49 +00:00
Commented Jan 18, 2017 at 12:48 — user7428851
– user7428851, Commented Jan 18, 2017 at 12:48

Pratik Bhatt · Accepted Answer · 2017-01-18 12:46:37Z

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, 2017 at 12:46

Pratik Bhatt

4888 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shubham Gupta Over a year ago

Is this safe to use?

Oleksandr Maliuta · Accepted Answer · 2017-01-18 12:39:10Z

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, 2017 at 12:39

Oleksandr Maliuta

5164 silver badges19 bronze badges

1 Comment

user7428851 Over a year ago

You are also correct first saw that one so accepted it.

Collectives™ on Stack Overflow

How to fetch data from another server using AJAX

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related