Ajax, failed to load PHP from server

Question

I'm trying to make a PHP connection, but I keep getting this error. I am hoping someone can help.

My code gives the following error:

{
    "readyState": 0,
    "status": 0,
    "statusText": "NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'http://localhost/php/busca.php'."
}

My code is:

SendSQL.onclick = function() {

    var dataString='a=hello&b=world';

    $.ajax({
        type: "POST",
        url:"http://localhost/php/busca.php",
        data: dataString,
        async: false,
        dataType:'html',

        success: function(data){
                alert(data);
        },

        error: function(data){
            alert(JSON.stringify(data)); //Better diagnostics
        }
    });

};

And the file busca.php is:

<?php
    $a = $_POST['a'];
    $b = $_POST['b'];
    echo "$a, $b";
?>

Possible duplicate of [NetworkError: Failed to execute 'send' on 'XMLHttpRequest'](https://stackoverflow.com/questions/32878613/networkerror-failed-to-execute-send-on-xmlhttprequest) — aynber, Sep 25 '17 at 19:17
on javascritp it is var SendSQL = document.getElementById('SendSQL'); but is a button on the html: — Jaytt Corrêa, Sep 25 '17 at 19:46
are you sure **http://localhost/php/busca.php** is the correct path? Do you see any error in console? — gaetanoM, Sep 25 '17 at 20:18

Carl Sare · Accepted Answer · 2017-09-26T08:21:41.137

0

Try this approach...

SendSQL.onclick = function() {

  var dataString='a=hello&b=world';

  $.ajax({
    type: "POST",
    url:"http://localhost/php/busca.php",
    data: {
      "a":"hello",
      "b":"world"
    },
    async: false,
    dataType:'text',
    success: function(data){
            alert(data);
    },
    error: function(data){
        console.log(data); 
    }
  });

};

edited Sep 26 '17 at 08:21

answered Sep 26 '17 at 04:50

Carl Sare

191
1
14

Thanks man, now i can see the error, it was missing a header header('Access-Control-Allow-Origin: *'); – Jaytt Corrêa Sep 26 '17 at 18:43

Toraaa · Answer 2 · 2017-09-27T03:37:26.513

0

Your dataString is the way for sending parameter of GET request.

Let's change to JSON like

var dataString = { "a":"hello", "b":"world" };
$.ajax({
        type: "POST",
        url:"http://localhost/php/busca.php",
        data: {data: JSON.stringify(dataString)},
        async: false,
        dataType:'json',

        success: function(data){
                alert(data);
        },

        error: function(data){
            alert(JSON.stringify(data)); //Better diagnostics
        }
    });

And in php code, use json_decode($_POST['data'])

edited Sep 27 '17 at 03:37

answered Sep 26 '17 at 07:39

Toraaa

145
2
10

Already solved it, the problem was that a header were missing header('Access-Control-Allow-Origin: *'); – Jaytt Corrêa Sep 27 '17 at 12:45

Ajax, failed to load PHP from server

2 Answers2