Ajax can't send data to php as json without error

Question

When I want to send data as datatype json it response this error: SyntaxError: Unexpected token < in JSON at position 0

When I tried to send the data as datatype text, it sends the data to php successfully but my php wont respond.

ajax/js as datatype json:

let form = $("#form");

$("#form").on("submit", function(e) {
                          
  e.preventDefault();
                          

  $.ajax({
    url: "test.php",
    method: "POST",
    dataType: "json",
    data: {
       test: 1
    },
  success: function (r) {
    console.log("!!!");
  },
  error: function(jqXHR, textStatus, errorMessage) {
    console.log(errorMessage);
  }
  });

});

ajax/js as datatype normal:

let form = $("#form");

$("#form").on("submit", function(e) {
                          
   e.preventDefault();
                     
   $.ajax({
      url: "test.php",
      method: "POST",
      data: form.serialize(),
      success: function (r) {
        console.log("!!!");
      },
      error: function(jqXHR, textStatus, errorMessage) {
        console.log(errorMessage);
      }
   });

});

php code:

if(isset($_POST["test"])){
   echo "<script>console.log('works');</script>";
}

Well <script>console.log('works');</script> is simply not valid JSON. — 04FS
– 04FS, Commented Oct 1, 2020 at 8:58
I deleted this echo script. The error is the same, but now "at position 2". — DevNewbie
– DevNewbie, Commented Oct 1, 2020 at 9:05
Well then your script must still be responding with something, that isn’t valid JSON. First of all, check what the response actually was, using your browser dev tools (network panel.) — 04FS
– 04FS, Commented Oct 1, 2020 at 9:09
damn, why is the content-type: text/html... any solution? or is this not the issue? — DevNewbie
– DevNewbie, Commented Oct 1, 2020 at 9:11
dataType sets the Data Type for the response Object, so your ajax call expects a json object back from your PHP, but you echo some <script> String. try something like echo json_encode(['myVar' => 'myValue']); — Lapskaus
– Lapskaus, Commented Oct 1, 2020 at 9:27

RJCoder · Accepted Answer · 2020-10-01 10:04:07Z

1

Try this

var ob = {
       test: 1
    };

$.ajax({
    url: "test.php",
    method: "POST",
    dataType: "json",
    contentType: 'application/json',
    data:JSON.stringify(ob),
  success: function (r) {
    console.log("!!!");
  },
  error: function(jqXHR, textStatus, errorMessage) {
    console.log(errorMessage);
  }
  });

answered Oct 1, 2020 at 10:04

RJCoder

5313 bronze badges

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

Collectives™ on Stack Overflow

Ajax can't send data to php as json without error

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related