Xitrum学习笔记08 - JavaScript and JSON

Posted 子秦

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Xitrum学习笔记08 - JavaScript and JSON相关的知识，希望对你有一定的参考价值。

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的主要内容，如果未能解决你的问题，请参考以下文章

Xitrum学习笔记23 - HOWTO

Xitrum学习笔记09 - 异步响应

Xitrum学习笔记12 - 范围

Xitrum学习笔记20 - 和AkkaHazelcast组成集群

Xitrum学习笔记03 - Action和View

Xitrum学习笔记04 - RESTful APIs