将来自 ipinfo.io 的响应附加到联系表单消息

Question

我有一个联系表。有用。我想将信息附加到消息/文本区域：

<textarea name="message" id="message"></textarea>

要在表单消息中添加一些内容，我可以在 Javascript 脚本中执行此操作：

document.form_name.message.value=document.form_name.message.value + (the stuff I want to add);

最近，我发现了提供大量有用信息的服务 ipinfo.io。虽然我对 jquery 一无所知，但我了解如何在网站上显示这些信息。见http://jsfiddle.net/zK5FN/2/

但我无法让我的 javascript 将来自 ipinfo.io 的响应信息添加/附加到我的联系表单的消息中。理想情况下，我的联系表中的信息应该是这样的：

[人们在我的联系表中输入的信息]
地点：[ipinfo.io 报告的城市、地区、国家]

我的试错业余脚本技能不足以解决这个问题。 我希望你能帮助我。谢谢。

AJ

Answer 1

您可以在表单的提交事件上附加

HTML

<form id="form1" action="">

    <textarea id="msg" name="msg"> Message </textarea>
    <input type="submit" />
</form>

JS

$.get("http://ipinfo.io", function (response) {
    $('#form1').submit(function(e){
       $("#msg").val( $("#msg").val() + '\n IP: '+ response.ip  +'\n Location:' + response.city + ", " + response.region);
        alert( $("#msg").val());

        //remove this on live form
        e.preventDefault();
    }) 
}, "jsonp");