javascript - 将 ajax 数据传递给后端 javascript

Question

我正在尝试使用我能够从网上收集的一些 Ajax 代码来记录我的用户位置。我试图将它传递给后端代码，在那里我可以将数据存储在我的数据库中以供分析。我以前从未使用过 Ajax，也不熟悉传递到后端的语法。

这是我的代码。

<div>Country: <span id="country"></span> 
<div>State: <span id="state"></span>
<div>City: <span id="city"></span>

$.ajax({
  url: "https://geoip-db.com/jsonp",
  jsonpCallback: "callback",
  dataType: "jsonp",
  success: function (location) {
    $("#country").html(location.country_name);
    $("#state").html(location.state);
    $("#city").html(location.city);
  }
});

我基本上需要传递 $('#country').html(location.country_name); $('#state').html(location.state); $('#city').html(location.city); 到我的 nodejs 代码。我以前在 js 中使用过 fetch 但不确定这是否是在其中包含 Ajax 代码的语法。感谢您的帮助。

Answer 1

如果您有一些数据要使用 AJAX 发送到服务器，并且您有类似 HTML 的内容，您可以很好地使用 textContent 或 .text( )(使用 jQuery)元素。以下是您的操作方法。

// Sending data to the server...
var data = {
  country: $("#country").text(),
  state: $("#state").text(),
  city: $("#city").text()
};
console.log("Data to be sent!");
console.log(data);
console.log("Serialised data!");
console.log($.param(data));

// Send data to end point and get JSON value.
$.getJSON("/endpoint?" + $.param(data), function (res) {
  console.log(res);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>Country: <span id="country">India</span> 
<div>State: <span id="state">Tamil Nadu</span>
<div>City: <span id="city">Chennai</span>

在上面的例子中，HTML 的内容将被发送到服务器。检查控制台和网络以了解已发送的内容。

这是来自 Google Chrome 的“网络”标签: