如何使用ajax从jsp调用控制器方法

时间:2016-10-02 13:00:59

标签: ajax spring jsp spring-mvc

我正在使用spring boot,maven 3.2.5。 我正在使用mvc模式下的spring boot开发简单的maven webapp。 我试图从jsp suing ajax调用控制器方法。

这是我的jsp javascript方法,它调用ajax调用来调用控制器方法。

function listExistingUser()
	{	
	
	alert("listExistingUser");

		$.ajax({
			type : "GET",
			url : '${home}/loginController/listExistingUser',
			dataType : "json",
		    crossDomain:true,
			success : function(data) {
				//console.log(data);
				//alert(data.toString());
				checkValidUser(data);	
			},
			error : function(data) {
					
			}
			});
	} 

贝娄是我的控制员班。

@Controller
@RequestMapping("/loginController")
public class LoginController {
	
	@Autowired
	LoginService loginService;
	
	@RequestMapping(value = "/listExistingUser", method = RequestMethod.GET)
	 @ResponseBody
	public Object getAuthentication(@ModelAttribute("studentId") int studentId,
			   HttpServletRequest request, HttpServletResponse response)
			   {
				System.out.println("listExistingUser is called in controller");
			   }
}

当我运行我的应用程序时,我可以从下面的URL访问login.jsp http://localhost:9090/seperation-management/pages/login.jsp

当我点击提交按钮时,我的jsp页面javascript方法也被调用alert("listExistingUser"); 但我无法调用我的控制器方法。

我犯了错误。任何人都可以帮助我。

2 个答案:

答案 0 :(得分:2)

在控制器方法中有一些更改

@RequestMapping(value = "/listExistingUser", method = RequestMethod.GET)
@ResponseBody
public ResponseEntity<Object> getAuthentication(){
System.out.println("listExistingUser is called in controller");
return new ResponseEntity<Object>(object,HttpStatus.OK); 
}

您不需要@modelAttribute注释,因为您没有将任何对象与请求绑定。最好返回ResponseEntity而不是返回Object

如果您需要从传入请求中获取ID 像这样siteName/listExistingUser/1然后使用这种方法。

@RequestMapping(value = "/listExistingUser/{id}", method = RequestMethod.GET)
@ResponseBody
public ResponseEntity<Object> getAuthentication(@PathVariable("id") int id){}

如果你想从这样的网址获取值 siteName/listExistingUser?id=1然后使用此方法。

@RequestMapping(value = "/listExistingUser", method = RequestMethod.GET)
@ResponseBody
public ResponseEntity<Object> getAuthentication(@RequestParam("id") int id){}

答案 1 :(得分:0)

此示例适用于我的应用程序:

<强> JSP:

<script type="text/javascript" charset="utf-8">
        function getDesc() {
            $.getJSON("desclist.json", {
                sel1Id : $('select#COMPSNT_NM').val()
            }, function(data) {
                var html = '';
                var len = data.length;
                for (var i = 0; i < len; i++) {
                    html += '<option value="' + data[i] + '">'
                            + data[i] + '</option>';
                }
                $('select#COMPSNT_DS').html(html);
            });
        }

        $(document).ready(function() {
            $('#COMPSNT_NM').change(function() {
                getDesc();
            });
        });
</script>

<强>控制器:

@RequestMapping(value = "desclist.json")
@ResponseStatus(HttpStatus.OK)
public @ResponseBody List<String> sectionList(@RequestParam(value = "sel1Id", required = true) String sel1Id,
        ModelMap modelMap) {

    List<PARAM_SEQ_2> list = new ArrayList<>();
    List<String> list2 = new ArrayList<>();
    list = paramSeq2Service.findByField2(sel1Id);
    for (PARAM_SEQ_2 prm : list) {
        list2.add(prm.getCOMPSNT_DS());
    }
    return list2;

}