jquery - 如何使用 jQuery $.ajax 将请求参数数组发送到 servlet？

Question

我想使用 jQuery 将 JavaScript 数组发送到 servlet $.ajax。

var json=[1,2,3,4];
$.ajax({
            url:"myUrl",
            type:"POST",
            dataType:'json',
            success:function(data){
                // codes....
            },
            data:json

        });

当我使用

request.getParameter("json");
request.getParameterValues("json");

它返回空值。

如何访问这些值？

Answer 1

将数组作为 JS 对象的值发送，因此您最终会成为{json:[1,2,3,4]}.

var json=[1,2,3,4];
$.ajax({
    url:"myUrl",
    type:"POST",
    dataType:'json',
    data: {json:json},
    success:function(data){
        // codes....
    },
});

在 servlet 中，您需要在请求参数名称后加上[].

String[] myJsonData = request.getParameterValues("json[]");

jQuery 附加它们是为了对PHP 等弱类型语言友好。

Answer 2

您必须将数组转换为 JSON 类型，因此需要读取而不是 []

 var array = [ 1, 2, 3, 4 ];

为此，您需要致电

 var json = JSON.stringify(array)

然后你可以将它传递给你的ajax调用

 $.ajax({ url:"myUrl",
          type:"POST",
          data: json,
          dataType:'json',
          success:function(data){
             // codes....
          }})

Answer 3

尝试使用以下脚本 -

 jQuery.ajax({
                    url : "your API",
                    type : "POST",
                    dataType:'json',
                    data: JSON.stringify({ jsonData: data }),
                    contentType: "application/json",
                    success : function(response) {
    //do the needful.
    },
                    error : function(jqXHR, textStatus,
                            errorThrown) {
                        var x = 1;
                        closeLoader();  
                    }
                });

如下处理控制器中的请求 -

@RequestMapping(value="your url", method = RequestMethod.POST)
public Map<String, Object> verifyRefundRequested(@RequestBody String data) throws UnsupportedEncodingException{
        Map<String, Object> responseMap = null;
        Gson g = new Gson();
        responseMap = g.fromJson(data, Map.class);
        List<String> s = (List<String>) responseMap.get("jsonData");
//iterate list and process 
// return map
        }

Answer 4

您需要像这样发布您的javascript数据对象..

http://api.jquery.com/jQuery.post/

$.post("test.php", { name: "John", time: "2pm" },
   function(data) {
     alert("Data Loaded: " + data);
   });