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;
}

Answer 1

从变量中删除引号，因为引号使它们成为字符串：

data: { first_name: fn, last_name: ln },

要么通过从中移除var来使这些变量成为全局变量，例如

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

或将其添加到您的函数中，如

function sendData() {
   var fn = document.getElementById("first_name").value;
  var ln = document.getElementById("last_name").value;
  ..rest of your ajax
}

如何在jquery GET'data：'中使用javascript变量

1 个答案: