码迷,mamicode.com
首页 > 编程语言 > 详细

Xitrum学习笔记08 - JavaScript and JSON

时间:2017-05-12 11:37:38      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:cas   script   option   library   efault   over   error   ddt   redirect   

JavaScript

Xitrum包含jQuery,有一些 jsXXX辅助方法

1. 添加JavaScript代码片段到View中

在action中,调用jsAddToView添加JS代码(可以多次调用)

class MyAction extends AppAction {
  def execute() {
    ...
    jsAddToView("alert(‘Hello‘)")
    ...
    jsAddToView("alert(‘Hello again‘)")
    ...
    respondInlineView(<p>My view</p>)
  }
}

在 layout 中,调用jsForView:

import xitrum.Action
import xitrum.view.DocType
trait AppAction extends Action {
  override def layout = DocType.html5(
    <html>
    <head>
      {antiCsrfMeta}
      {xitrumCss}
      {jsDefaults}
    </head>
    <body>
      <div id="flash">{jsFlash}</div>
      {renderedView}
      {jsForView}
    </body>
  </html>
)

2. 没有View的情况下,直接响应返回JavaScript

由JavaScript发出响应,使用jsRespond

jsRespond("$(‘#error‘).html(%s)".format(jsEscape(<p class="error">Could not login.</p>)))

重定向

jsRedirectTo("http://cntt.tv/")
jsRedirectTo[LoginAction]()

JSON

Xitrum包含JSON4S(一个JSON抽象语法分析树)。Scala case对象和JSON字符串的转换示例:

import xitrum.util.SeriDeseri
case class Person(name: String, age: Int, phone: Option[String])
val person1 = Person("Jack", 20, None)
val json = SeriDeseri.toJson(person1)
val person2 = SeriDeseri.fromJson[Person](json)

响应返回JSON:

val scalaData = List(1, 2, 3) // An example
respondJson(scalaData)

Knockout.js插件 

在 build.sbt文件中配置  libraryDependencies += "tv.cntt" %% "xitrum-ko" % "1.7",就可以在项目中使用Knockout JS了

参考 https://github.com/xitrum-framework/xitrum-ko

 

Xitrum学习笔记08 - JavaScript and JSON

标签:cas   script   option   library   efault   over   error   ddt   redirect   

原文地址:http://www.cnblogs.com/sunspeedzy/p/6844384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!