/ / जावास्क्रिप्ट से वसंत mvc नियंत्रक के लिए वस्तुओं की पासिंग सरणी - jquery, ajax, json, spring-mvc

जावास्क्रिप्ट से वसंत एमवीसी नियंत्रक से वस्तुओं की सरणी पास करना - jquery, AJAX, जेसन, वसंत-एमवीसी

मैं जावास्क्रिप्ट और jQuery के लिए नया हूं। मैं गतिशील रूप से उन पंक्तियों की वस्तुओं का निर्माण कर रहा हूं जहां चेकबॉक्स को मेरे जेसीबी में क्लिक किया जाता है जैसे:

 var objects={};
var i=0;
$(document).on("click", "input[type="checkbox"]", function() {
var bar1 = $(this).closest("tr").find(".bar").val();
var dda1 = $(this).closest("tr").find(".dda").text();
objects[i] = {data:dda1,bar:bar1};
i++;
$("#bar").val(JSON.stringify(objects));
});

और सबसे पहले इसे इस तरह एक छिपे हुए इनपुट प्रकार पर सेट कर रहा था ...

  $("#bar").val(JSON.stringify(objects));

मैं नीचे नियंत्रक का उपयोग करके छिपे हुए प्रकार का उपयोग करके इसे पढ़ने में सक्षम था ...

@RequestMapping(value="/applypage",method= RequestMethod.POST)

public String ListRequest(@RequestParam("bar") String object )
{
System.out.println(object);
return "applypage";
}

जो मुझे निम्नलिखित स्ट्रिंग देता है ...

{"0":{"data":"Data3","bar":"N"},"1":{"data":"Data1","bar":"Y"},"2":{"data":"Data4","bar":"N"},"3":{"data":"Data6","bar":"N"}}

लेकिन Google पर खोज करने और कई ट्यूटोरियल का जिक्र करने के बाद मैंने पाया कि मुझे ajax का उपयोग करना है और फिर मैंने इस कोड की कोशिश की ...

var data={"objects":JSON.stringify(objects)};
$.ajax({
type: "post",
url: "applypage", //your valid url
headers : {
"Accept" : "application/json",
"Content-Type" : "application/json"
},
data: data,
success: function(result) {
alert("success");
},
error: function(e){
alert("failure");
}
});

लेकिन मैं ajax के माध्यम से इस मूल्य को पढ़ने में असमर्थ हूँ ...

क्या कोई इसमें मेरी मदद कर सकता है और मुझे JSON मान पढ़ने के लिए कंट्रोलर लिखने के लिए कोड की भी आवश्यकता है।

उत्तर:

जवाब के लिए 0 № 1

जोड़ना dataType: "json", आपके ajax कोड में

$.ajax({
type: "post",
url: "applypage", //your valid url
headers : {
"Accept" : "application/json",
"Content-Type" : "application/json"
},
data: data,
dataType: "json"
success: function(result) {
alert("success");
},
error: function(e){
alert("failure");
}
});