外部PHPファイルの値をJSで扱う方法

Question

前提・実現したいこと

PHPファイルにある変数の値を外部のJSファイルで参照するにはどのようにすれば良いでしょうか。
PHPもJSも初めたばかりの初心者です。

test.js

$.ajax({
	url: "../test/test.php",
		type: "GET"		
	}).done(function(data){
		var catch_data = data;
		console.log(catch_data);
});

test.php

<?php
  $send_number = 100;
?>

Answer 1

こんな感じかなかな。

$.ajax(
{
    url: "../test/test.php",
    type: "GET",
    dataType: "json"
})
.done(function(data)
{
    console.log(data.send_number);
});

<?php
  $send_number = 100;
 
  $response = array("send_number" => $send_number);

  header('Content-Type: application/json charset=UTF-8');
  header('X-Content-Type-Options: nosniff');

  echo json_encode($response, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP);

  exit;

Answer 2

test.phpで出力して下さい

echo $send_number;

Answer 3

test.phpを
json形式でシリアライズして出力できるようにして、
test.js内で読み込めば良さそう。

json形式での出力方法については、例えば
データの取得と出力を学ぶ！PHPでJSONを使う方法 | TechAcademyマガジン
【PHP入門】JSON形式に変換する方法(json_encode) | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

jsonの読み込みは例えば
jQuery で JSON ファイルを読み込む - Qiita
で示されているdata.jsonの箇所をurlでそのphpを指定すれば良さそう。