如何在成功回调函数中获取$ .ajax（）请求参数？

Question

我想在成功回调函数中获取ajax数据参数

像波纹管

$.ajax({
     url: 'example.com/something',
     method: 'GET',
     data: { 'sample':'test' }, // => I want this data in success function.
     success: function(response, textStatus, jqXHR){
          // want get data parameter
          // {'sample':'test'}

          // someone answered that could get below code but I couldn't get it 
          // console.log(this.data);  => X 
     }
});

Answer 1

应该能够在成功处理程序中键入data.sample以获得值。 或者，您可以执行data['sample'] ，但该语法确实存在更多，可让您将属性名称存储在变量中以从对象中检索数据。

Answer 2

更改method的type和console.log(data)以查看传递给回调函数的data的内容。

另外，在调用中添加dataType: 'json' 。

$.ajax({
     url: 'example.com/something',
     type: 'GET',
     dataType: 'json',
     data: { 'sample':'test' },
     success: function(data, textStatus, jqXHR){
          console.log(data);  // will display the content of data 
     },
     error: function(a,b,c) {
          console.log('something went wrong:',a,b,c);
     }
});

Answer 3

在您的情况下，您需要使用data.sample而不是this.data来访问值“ test”。

尝试查看JSON对象，因为通常这将返回AJAX请求。 您将在JS中大量使用“点符号”。

Answer 4

你的后端代码是什么？ Java的C＃的PHP？ 如果使用c＃和mvc控制器，则可以定义一个动作，该动作中的pramater将是ajax传递

Answer 5

  // want get data parameter // {'sample':'test'} 

通过data作为属性jqxhr在对象beforeSend ，在获得对象success 。

$.ajax({
  url: 'example.com/something',
  method: 'GET',
  data: {
    "sample": "test"
  },
  beforeSend: function(jqxhr, settings) {
    jqxhr._data = settings.url.split("?").pop();
  },
  success: function(data, textStatus, jqXHR) {
    // want get data parameter
    // {'sample':'test'}
    var _data = jqXHR._data.split("&").slice(0, 1).pop().split("=");
    var obj = {}; obj[_data[0]] = _data[1];
    console.log(_data, obj);
    // var obj = {}; 
    // someone answered that could get below code but I couldn't get it 
    // console.log(this.data);  => X 
  }
})

Answer 6

其他解决方案，您可以将数据直接放入变量中：

var dataObj = { 
  sample:'test' 
}; // => I want this data in success function.

$.ajax({
 url: 'example.com/something',
 method: 'GET',
 data: dataObj,
 success: function(response, textStatus, jqXHR){
      // then just console.log(dataObj.sample)
 }
});