欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Ajax怎么通过response在后台传递数据?(附代码)

程序员文章站 2022-04-08 20:13:17
...
这次给大家带来Ajax怎么通过response在后台传递数据?(附代码),Ajax通过response在后台传递数据的注意事项有哪些,下面就是实战案例,一起来看一下。

这是js代码:

var System = { 
  getHttpRequest: function(url, callback, options) { 
    if (url.length < 0) return; 
    var option = { 
      url: url, 
      type: "get", 
      dataType: "json", 
      cache: false, 
      timeout: 30000, 
      beforeSend: function(XHR) { 
      }, 
      complete: function(XHR, textStatus) { 
        XHR.abort(); 
      }, 
      error: function(XMLHttpRequest, textStatus, errorThrown) { 
        //alert("网络连接不通,请稍后再试!"); 
      }, 
      success: function(data) { 
        callback(data, options); 
      } 
    }; 
    if ( !! options) { 
      option = $.extend(option, options); 
    } 
    $.ajax(option); 
  } 
};

当我想要通过回调函数success获取data时,一开始我是直接在后台return一个json字符串,结果会报异常,没定义方法什么的,后来查了下,需要通过response.getWriter().write()方法写入数据,success中才能获取到数据。后台代码如下:

public String getRejectReason() throws Exception{ 
    String rowId = getParameterAndPut("rowId",null,0).toString(); 
    String jsonData = ""; 
    if (StringUtils.isNotEmpty(rowId)) { 
      jsonData = newOwnerInfoService.getRejectReasonJsonData(rowId); 
    } 
    this.getResponse().setCharacterEncoding("utf-8"); 
    this.getResponse().getWriter().write(jsonData); 
    return null; 
}

总结

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

用CORS实现WebApi Ajax跨域请求的方法

Ajax怎么实现动态加载组合框(附代码)

以上就是Ajax怎么通过response在后台传递数据?(附代码)的详细内容,更多请关注其它相关文章!