AJAX request not calling the mapped method in Spring MVC

Greenhorn

Posts: 4

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have a jsp file from where I am sending an AJAX request.

<html>
	<head>
		<title>AJAX Example</title>
	</head>
<body>
	<select id="partyIdType" onChange="getRoleList()">
		<option value=""></option>
		<option value="ABC">Abc</option>
		<option value="DEF">Def</option>
	</select>
	
	<select id="roleList" size=3>
	</select>
	
	<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
	<script>
		function getRoleList() {
			var id = document.getElementById("partyIdType").value;
			/*$.post("/loadRolesList", id, function(data) {
				$.map(data, function(key, val) {
					$('select#roleList').append($('<option />').attr({value:key}).append(val));
				});
			}, "json");*/
			
			$.ajax({
			    type: "POST",
			    url: "/loadRolesList",
			    data: id, // or JSON.stringify ({name: 'jonas'}),
			    success: function(data) {
			    						$.map(data, function(key, val) {
												$('select#roleList').append($('<option />').attr({value:key}).append(val));
											});
			    					},
			    contentType: "application/json",
			    dataType: "json"
			});
		}

</script>
</body>
</html>

... and I am returning a Map object from my method that is mapped to handle this AJAX request.

My problem is that the method loadRolesList() is not getting executed. I have added Jackson dependency in pom.xml.

I also have the below lines in my dispatcher-servlet.xml.

I am not sure what I am missing. Any help is greatly appreciated.

Did you see how Paul cut 87% off of his electric heat bill with 82 watts of micro heaters?