javascript - 从 ajax 错误函数内部访问发布数据

Question

我有下面的 javascript 函数，它获取 POST 数据并使用 Ajax 将 post 请求发送到服务器

function postData(post_data) {
    console.log(post_data, "----------->"); 
    var data = post_data;
    var url = "/super/man/"
    $.ajax(
      {
        type: "POST",
        url: url,
        data: post_data,
        dataTpe: "json",
        success: function (data) {
          debugger;
        },
        error: function (jqXHR, textStatus, errorThrown) {
          debugger;
          // Can we access the post_data inside this error function ?
        },
      }
    );

  };

所以我的实际观点是，由于某种原因，服务器正在发送 500 响应，因此执行点将到达 error: function (jqXHR, textStatus, errorThrown, data )，这里我想访问 post_data 来向用户显示一些东西....那么我们可以在上面的 ajax 错误函数中访问 post_data 吗？

Answer 1

万一有人寻找一种通用的方法来做到这一点，我是这样做的:如果你的处理函数定义在它们的范围不允许你访问某些变量的地方，你可以将它们添加到 ajax 对象本身在函数 beforeSend 中。然后，您可以使用 this 在 ajax 对象中检索它。

$.ajax({
    url:'/dummyUrl',
    beforeSend: function(jqXHR, plainObject){
        plainObject.originalUrl = 'myValue';
    },
    success: function (response) {
        $('#output').html(response.responseText);
    },
    error: function () {
        $('#output').html('Bummer: there was an error!');
        $('#myValue').html(this.originalUrl);
    },
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output">waiting result</div>
<div id="myValue"></div>