Объясните логику работы функции $.ajax

Объясните логику работы функции $.ajax
Есть два файла index.html и test.php оба находятся в корне
Только начал изучать JS и jQuery

Код (Javascript):

1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
2.  
3. <script type="text/javascript">
4.  
5.     $("document").ready(function(){
6.  
7.         $.ajax({
8.             url: "test.php",
9.             type: "GET",
10.             date: "a=10&b=20",
11.             //date: {a:11, b:22},
12.             success: function(date){
13.                 alert(date);
14.             }
15.         });
16.     });
17. </script>

test.php

PHP:

1. <?php
2. echo $_GET['a'] . ", " . $_GET['b'];

Результат должен получится таким:


Но выдает текст всего файла:

В чем дело не пойму, хотя все делаю как в учебном пособии

 

Понял почему выводится текст файла целиком, в настройках проекта не был указан локальный сервер
http://localhost/ajaxphp/
Как прописал, стал выводит другую ошибку

Объясните что происходит

Ajax'ом через URL строку отправляю "a=10&b=20"
методом GET, почему PHP интерпретатор ругается что переменные a и b не определены?

 

Переписал
файл test.php

PHP:

1. <?php
2. echo isset($_GET['a']) . ", " . isset($_GET['b']);

исчезла ошибка Notice: Undefined
Но выводит только одну запятую
Цифры 10 и 20 не выводит.
Получается что ajax не передает строку "a=10&b=20"
Кто объяснит???

 

Проблема решена! Ошибка из-за невнимательности Заменил date на data и заработало