如何将从地理位置获取的城市名称存储到变量并发送ajax请求？

// 获取地理位置信息
navigator.geolocation.getCurrentPosition(function(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;

  // 解析地理位置信息
  var url = "https://apis.map.qq.com/ws/geocoder/v1/?location=" + latitude + "," + longitude + "&key=YOUR_API_KEY";
  $.getJSON(url, function(data) {
    var city = data.result.address_component.city;

    // 存储城市名称到变量
    var cityName = city;

    // 发送ajax请求
    $.ajax({
      url: "your_api_endpoint",
      method: "POST",
      data: { city: cityName },
      success: function(response) {
        // 处理请求成功的逻辑
      },
      error: function(xhr, status, error) {
        // 处理请求失败的逻辑
      }
    });
  });
});