jquery - jquery GET 'data:' で JavaScript 変数を使用する方法

Question

jqueryフォームを適切に機能させるために一生懸命取り組んできました。すべてが期待どおりに機能しており、私もそれを望んでいるような応答を返します。ただし、いくつかの静的テスト データを使用して jquery に送信するのに行き詰まっています。このようなものが機能することを望みます:

var fn = document.getElementById("first_name").value;
var ln = document.getElementById("last_name").value;

function sendData()
{
    $.ajax({
    type: 'GET',
    url: 'scripts/contact.php',
    data: { first_name: 'fn', last_name: 'ln' },
    success: success
    });
}

function success(success)
{
    var success_message = success;
    document.getElementById("script_message").innerHTML = success_message;
}

ただし、入力フォーム フィールドの値ではなく、fn と ln が返されます。

ご協力いただきありがとうございます。

---

ここでそれは働いています、あなたの助けに感謝します!

function sendData()
{

    var fn = document.getElementById("first_name").value;
    var ln = document.getElementById("last_name").value;

    $.ajax({
    type: 'GET',
    url: 'scripts/contact.php',
    data: { first_name: fn, last_name: ln },
    success: success
    });
}

function success(success)
{
    var success_message = success;
    document.getElementById("script_message").innerHTML = success_message;
}