使用AJAX的几种方式

来源：互联网发布：红黑树 java 编辑：程序博客网时间：2024/06/05 11:33

普通形式的AJAX

        var data={'id':id};        jQuery.ajax({             type:'post',             url:XXX,             data:data,             dataType:'json',             cache:false,             async:true,  //true为异步，false为同步             success:function(data){}        });

ajax提交form表单

         $("#submit").live("click",function(){                $.ajax({                    cache: true,                    type: "POST",                    url:XXX,                    data:$('form表单的id').serialize(),                    async: false,                    error: function(request) {                        alert("Connection error");                    },                    success: function(data) {}                });            })

validate提交表单

          $("#ajaxForm").validate({                 rules:{                    name:"required",""                    value:"required"                 },                submitHandler:function(){                    //这里写处理提交前的限制条件的内容                    jQuery.ajax({                        cache:false,                         type:"POST",                        url:XXX,                        data:{'id':id},                        success: function(data){},                        error:function(a,b,c){                            alert("Connection error");                        }                    });                 }            });            rules：字段的过滤条件            submitHandler：submitde的提交实现            自定义字段过滤器：            jQuery.validator.addMethod("rules的方法名", function (value, element) {             //字段名的限制              if(jQuery.trim(value) != ''){                return 限制方法;             }            return true;        }, jQuery.validator.format("错误提示"));

AJAX调用

        $.post(url,{'id':id},function(result){},"json")

AJAX获取页面

        //ajax跳转至页面，所以返回页面内容即result        $http({            method : 'GET',            params : {},            url : XXX,        }).success(function(result, status, headers, config) {            //可直接操作result页面的内容        }).error(function(data, status, headers, config) {            alert("加载数据失败");        });    后台代码：        public String ajaxResponse(HttpServletRequest request, HttpServletResponse response, int status, Map<String, Object> data) throws IOException {                return 'XXX';            }

JAVA后台响应：

        后台代码：        public void ajaxResponse(HttpServletRequest request, HttpServletResponse response, int status, Map<String, Object> data) throws IOException {            response.setCharacterEncoding("UTF-8");            response.setContentType("application/json");            if (data == null) {                data = new HashMap<String, Object>();            }            data.put(XXX, XXX);        response.getWriter().write(JSONObject.fromObject(data).toString());        }

阅读全文

0 0