jquery - ajaxリクエストでリファラーURLを設定する

Question

ajaxリクエスト送信時にリファラーページを設定したい。私はこのようにしましたが、うまくいきませんでした。

この JavaScript をローカルの html ファイルに含めました。メインの URL はクロス ドメインです。

$.ajax({
  url: "{{main url}}",
  dataType: "json",
  beforeSend: function(xhr){
  xhr.setRequestHeader('X-Alt-Referer', '{{referer url}}');
  },
  success: function(data){
    console.log(data);
  }
});

このURLからヒントを得ました

JavaScript でリクエスト ヘッダーを設定する

私は得る

"NetworkError: 404 Not Found - {{main url}}"

firefoxコンソールから試したらエラー

このスクリプトの何が問題なのですか、それとも別の方法がありますか?