Ajax获取带有JQuery错误的请求

Question

I'm trying to call a php script with a get request and using the data theaddress however the results are showing me the source of the page im calling.

The page im calling is here Here is my ajax function that will get this page

    $( document ).ready(function() {
        var address = document.getElementById("address");

     $.ajax({
      url: '/r10database/checkSystem/ManorWPG.php',
      type: 'GET',
      data: 'theaddress='+address.value,
      cache: false,
      success: function(output) 
      {
          alert('success, server says '+output);
      }, error: function()
      {
        alert('Something went wrong, saving system failed');
      }
   });



    });

Answer 1

$( document ).ready(function() {
    var address = document.getElementById("address");

 $.ajax({
  url: '/r10database/checkSystem/ManorWPG.php',
  type: 'GET',
  data: 'theaddress='+address.value,
  cache: false,
  success: function(output) 
  {
      alert('success, server says '+output);
  }, error: function(error)
  {
    alert (error); // this is the change from the question
  }
});
});

Answer 2

Put the dataType as json with a curly brace

data: {theaddress:address.value},
dataType:'json',
success: function(output) 
{
    alert('success, server says '+output);
}, error: function(xhr)
{
   alert (xhr.status);
}

and get the data in ManorWPG.php as $_GET['theaddress']

** share the xhr.status if failed.