在jQuery中使用恢复器函数。ajax请求

Question

我有AJAX响应，其中引用了所有键、值对。我想删除任何数值中的引号。我需要在全球范围内完成这项工作，对于所有AJAX请求，只需付出最小的努力。

我正在使用jQuery.getJSON来处理大多数请求，并且我想要一个不需要单独调整每个当前AJAX请求的解决方案。（我不想在每个现有的$. getJSON调用中添加一个JSON. parse（text， myrestver）调用。）

例如：

Received:    {"age":"31", "money": "-1.329"}
Want:        {"age": 31, "money": -1.329}

对于所有AJAX请求，我该如何做到这一点？

我目前的最终目标是使用JSON. parse（text， reviver）来处理数据（感谢这个问题）。不过，我不知道如何将其连接到jQuery.ajax中。

我尝试过使用ajaxSuccess（），但它似乎无法处理任何数据。例如：

$(document.ajaxSuccess) ( function(j) {
    JSON.parse(j, myReviver);
}

.getJSON(url, data, function(j) {
    // The data in this success function has not been through myReviver.
}

我怎样才能：

• 在jQuery中使用恢复器函数。getJSON，或

Answer 1

您可以覆盖。使用自己的方法获取JSON。

本机的getJSON方法可以在这里看到：

https://j11y.io/jquery/#v=git

function (url, data, callback) {
  return jQuery.get(url, data, callback, "json");
}

将回调传递给getJSON，将自己的回调传递给jQuery，这是一件非常简单的事情。使用'text'而不是'json'获取，使用自定义恢复程序解析json，然后调用原始回调。

一个复杂的问题是，传递给getJSON的第二个参数是可选的（与请求一起发送的数据）。

假设总是使用success函数（第三个也是最后一个参数），可以使用rest参数和pop（）来获得传递的success函数。创建一个自定义成功函数，该函数接受文本响应并使用自定义的JSON。解析，然后用创建的对象调用传递的成功函数。

const dequoteDigits = json => JSON.parse(
  json,
  (key, val) => (
    typeof val === 'string' && /^[+-]?[0-9]+(?:\.[0-9]+)$/.test(val)
    ? Number(val)
    : val
  )
);
jQuery.getJSON = function (url, ...rest) {
  // normal parameters: url, data (optional), success
  const success = rest.pop();
  const customSuccess = function(textResponse, status, jqXHR) {
    const obj = dequoteDigits(textResponse);
    success.call(this, obj, status, jqXHR);
  };
  // spread the possibly-empty empty array "rest" to put "data" into argument list
  return jQuery.get(url, ...rest, customSuccess, 'text');
};

jQuery.getJSON('https://jsonplaceholder.typicode.com/users', (obj) => {
  console.log(obj);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

您可以使用ajaxSetup“全局覆盖所有AJAX请求的默认文本到json转换器，只需最少的努力。”

$.ajaxSetup({
  converters: {
    // default was jQuery.parseJSON
    'text json': data => JSON.parse(data, numberReviver)
  }
})


$.getJSON('https://jsonplaceholder.typicode.com/users')
  .then(users => users.map(user => ({email: user.email, geo: user.address.geo})))
  .then(console.log)
  
function numberReviver(name, value) {
  if(typeof value === 'string' && /^[+-]?[0-9]+(?:\.[0-9]+)$/.test(value)) {
    console.log(`Using custom reviver for ${name}:${value}`)
    value = Number(value)
  }
  
  return value
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>