Java Json Html ajax数据传递

1、 使用Java输出json格式的实体数组（UserAction）

public class User {
    private String id;
    private String account;// 账号
    private String psw;// 密码
    private String name;// 姓名
    private String sex;// 姓名
    private String phone;// 电话
    private Integer type;// 类型 1.管理员 2.饭店管理员 3.普通用户
｝

public class UserAction extends BaseAction<User> {
    public void f_ajax_list() {
            List<User> user_list = userService.findAll();
            jsonWrite(user_list, new String[] { "account", "id", "type" });
        }
}

     - 其中String数组中的字段是不需要转化成json的字段

2、Html Ajax 访问数据接口-显示数据（http://服务器ip:8080/项目名称/user_f_ajax_list.htm）

<table id='content'></table>

<script type="text/javascript">

    var pageNum=1;

    $(function(){
        load();
    })

    function load(){
        //1.post获取服务器数据
        $.post('http://192.168.0.102:8080/suyuan/user_f_ajax_list.htm',{'pageNum':pageNum++},function(data){
        //data 就是服务器返回的JSON数据
        //循环解析JSON，将解析的数据添加到上面的表格当中
        $.each(JSON.parse(data),function(i,v){
            //i：循环的标志 0—data.length
            //v:表示data[i]
            var s = "<tr>";
            s+="<td>"+v.name+"</td>";//name就是User的字段name
            s+="<td>"+v.psw+"</td>";
            s+="</tr>";
            //把拼接好的html添加到上面的table中
            $("#content").append(s);
        })
    }

})
</script>

3、 Html Ajax 提交表单

<form id='form1'>
    <input name="name">
    <input name="psw">
    <button onclick="sub()">提交</button>
</form>

<script type="text/javascript">
    function sub(){
        // 1.url 2.form序列化参数 3.服务器返回值
        $.post("http://192.168.0.102:8080/suyuan/user_f_add.htm",$("#form1").serialize(),function(data){
            //返回值的处理
            if(data == 1){
                alert("OK");
            }
        })
    }
</script>