javascript - 如何在不使用ajax的情况下发送POST请求

Question

我需要从表中获取数据，将其分配在数组中，然后通过 Json 将其发送到我的 Java Controller ，最后返回模型和 View 。但是，由于我的 Controller 返回的是页面，因此该请求无法进行ajax。

我这样做是作为 $ .post 文档:

var orders = new Array();
$("#table-order tbody tr").each(function (){
        var col = $(this).children();

        if($(this).find('input').is(':checked')) {
         var order = {
           'number' : $(col[0]).text(),
           'desc' : $(col[1]).text(),
           'obs' : $(col[2]).text()     
          };
         orders.push(order);
        }
});

$.post( "sendToPrint", { array: JSON.stringify(orders) }, function( response ) {
          console.log( response );            
}, "json");

我的 Controller :

@RequestMapping(value="/sendToPrint", method = RequestMethod.POST, consumes = "application/json;charset=UTF-8", produces = "application/json;charset=UTF-8")
@Transactional("productTransactionManager")
public ModelAndView imprimir(@RequestBody String ordens) {
    ModelAndView mv = new ModelAndView("impressao/impressao");
    Gson gson = new Gson();
    List<OrdemServico> listaNova =  new ArrayList<>();
    ArrayList<OrdemServico> listaOrdens = (ArrayList<OrdemServico>) gson.fromJson(ordens, new TypeToken<ArrayList<OrdemServico>>(){}.getType());
    for (OrdemServico ordemServico : listaOrdens) {
         int mes = LocalDateTime.now().getMonthValue();
         int ano = LocalDateTime.now().getYear();
         int dia = LocalDateTime.now().getDayOfMonth();
         LocalDateTime dataHora = LocalDateTime.of(ano, mes, dia, 0, 0, 0);
         DateTimeFormatter formatter = DateTimeFormatter.ofPattern("dd/MM/yyyy");
         String data = dataHora.format(formatter);
         ordemServico.setData(data);
        listaNova.add(ordemServico);
    }
    mv.addObject("lista", listaNova);
    return mv;
}

返回错误:

415 (Unsupported Media Type)

Answer 1

您可以像这样使用 javascript 发布您的数据；

var xhr = new XMLHttpRequest();
xhr.open("POST", url , TRUE);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({value:value}));