jfinal的ajax例子

最新推荐文章于 2021-08-06 17:47:38 发布

dcwbi40268

最新推荐文章于 2021-08-06 17:47:38 发布

阅读量102

点赞数

文章标签：测试前端 python ViewUI

原文链接：http://www.cnblogs.com/wardensky/p/5189255.html

版权

@(编程)

简介

JFinal 是基于 Java 语言的极速 WEB + ORM 框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率！为您节约更多时间，去陪恋人、家人和朋友 :)

JFinal有如下主要特点：

MVC架构，设计精巧，使用简单
遵循COC原则，零配置，无xml
独创Db + Record模式，灵活便利
ActiveRecord支持，使数据库开发极致快速
自动加载修改后的java文件，开发过程中无需重启web server
AOP支持，拦截器配置灵活，功能强大
Plugin体系结构，扩展性强
多视图支持，支持FreeMarker、JSP、Velocity
强大的Validator后端校验功能
功能齐全，拥有struts2的绝大部分功能
体积小仅248K，且无第三方依赖

jfinal action

Controller
Controller 是 JFinal 核心类之一，该类作为 MVC 模式中的控制器。基于 JFinal 的 Web 应
用的控制器需要继承该类。 Controller 是定义 Action 方法的地点，是组织 Action 的一种方式，
一个 Controller 可以包含多个 Action。 Controller 是线程安全的。

Action
Controller 以及在其中定义的 public 无参方法称为一个 Action。 Action 是请求的最小单位。
Action 方法必须在 Controller 中声明，该方法必须是 public 可见性且没有形参。

public class HelloController extends Controller {
public void index() {
renderText("此方法是一个action");
}
public void test() {
renderText("此方法是一个action");
}
}

以上代码中定义了两个 Action： HelloController.index()、 HelloController.test()。在 Controller
中提供了 getPara、 getModel 系列方法 setAttr 方法以及 render 系列方法供 Action 使用。

getPara 系列方法
Controller提供了 getPara系列方法用来从请求中获取参数。getPara系列方法分为两种类型。
第一种类型为第一个形参为 String 的 getPara 系列方法。该系列方法是对
HttpServletRequest.getParameter(String name) 的封装，这类方法都是转调了
HttpServletRequest.getParameter(String name)。第二种类型为第一个形参为 int 或无形参的
getPara 系列方法。该系列方法是去获取 urlPara 中所带的参数值。 getParaMap 与 getParaNames
分别对应 HttpServletRequest 的 getParameterMap 与 getParameterNames。

普通的ajax例子

服务器端代码

    public void ajaxTest() {
        this.renderJson("my name is keke");
    }

前端代码

<html>
<head>
<script type="text/javascript">
    function loadXMLDoc() {
        var xmlhttp;
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "/blog/ajaxTest", true);
        xmlhttp.send();
    }
</script>
</head>
<body>

    <h2>AJAX</h2>
    <button type="button" onclick="loadXMLDoc()">请求数据</button>
    <div id="myDiv"></div>

</body>
</html>

有参数的ajax例子

服务器端代码

    public void gethint() {
        String para = this.getPara("q");
        if ("1".equals(para)) {
            this.renderJson("my name is keke");
        } else {
            this.renderJson("you are not keke");
        }

    }

前端代码

<html>
<head>
<script type="text/javascript">
    function showHint(str) {
        var xmlhttp;
        if (str.length == 0) {
            document.getElementById("txtHint").innerHTML = "";
            return;
        }
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "/blog/gethint?q=" + str, true);
        xmlhttp.send();
    }
</script>
</head>
<body>

    <h3>请在下面的输入框中键入字母（A - Z）：</h3>
    <form action="">
        姓氏：<input type="text" id="txt1" onkeyup="showHint(this.value)" />
    </form>
    <p>
        建议：<span id="txtHint"></span>
    </p>

</body>
</html>

用jQuery实现的ajax例子

服务器端代码

    public void ajaxTest() {
        this.renderJson("my name is keke");
    }

前端代码

<!DOCTYPE html>
<html>
<head>
<script src="/js/jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("/blog/ajaxTest",function(data,status){
        alert(data);
    });
  });
});
</script>
</head>
<body>

<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>

</body>
</html>

转载于:https://www.cnblogs.com/wardensky/p/5189255.html

dcwbi40268

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jfinal的ajax例子

@(编程)简介JFinal 是基于 Java 语言的极速 WEB + ORM 框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率！为您节约更多时间，去陪恋人、家人和朋友 :)JFinal有如下主要特点：MVC架构，设计精巧，使用简单遵循COC...
复制链接

扫一扫