Play框架中的Ajax jsAction, jsRoute详解

#{jsRoute/}

• 引入jQuery
• 示例 Put /users/{id} User.update

<script type="text/javascript">
    var updateUserRoute = #{jsRoute @Users.update(':id') /}
    $.ajax({
      url: updateUserRoute.url({id: userId}),
      type: updateUserRoute.method,
      data: 'user.name=Guillaume'
    });
</script>

• @Users.update(’:id’) 表示调用Users这个Controller的update方法， :id 表示路由的参数，如果没用动态路由可以为空
• updateUserRoute。url({id : userId})表示将路由拼接，效果为 /users/userId
• data的语法是jQuery的语法

jsAction

• 引入jQuery
• 不执行ajax请求
• 示例 GET /Application/find?email=?&fullname=?

var listAction = #{jsAction @Application.find(':email', ':fullname') /}
   $('#res').load(
       listAction({email: 'a', fullname: 'ggg'}),
       function(data) {
           console.log(data);
       }
   )

• 表示去查email=a, fullname=ggg的数据
• 这种情况下一般返回HTML数据，JSON数据或者XML
• 如果想执行POST请求，修改为

$.post(listAction(), function(data) {
  $('#result').html(data);
});