ajax交互过程中跳入error:function

最新推荐文章于 2025-05-28 23:39:14 发布

qq_40214840

最新推荐文章于 2025-05-28 23:39:14 发布

阅读量3.9k

点赞数

分类专栏： js学习

本文链接：https://blog.csdn.net/qq_40214840/article/details/79125154

版权

js学习专栏收录该内容

2 篇文章

订阅专栏

利用ztree写前端页面弹出框的代码:

function open_tree_dialog(){

    //ajax
    $.ajax({
        url:"type/queryallajax",
        type:"GET",
        success:function(data){
            //开启简单json格式的模式
            var setting = {
                data: {
                    key:{
                        name: "tname"
                    },
                    simpleData: {
                        enable: true,
                        pIdKey: "pid"
                    }
                },
                callback:{
                    onClick:function(event, treeid, treeNode){
                        //改变button的内容
                        $("#pbtn_id").val(treeNode.tname);
                        //修改隐藏域的id
                        $("#pid").val(treeNode.id);

                        //关闭树形结构dialog
                        $("#ztree_dialog_div").dialog("close");
                    }
                }
            };

            //ztree需要的json
            var zNodes = data;

            //初始化ztree
            var ztreeObject = $.fn.zTree.init($("#ztree_div"),setting,zNodes);
            ztreeObject.expandAll(true);

            //弹出ztreediv
            $("#ztree_dialog_div").dialog({
                width:300,
                height:400,
                title: "选择父商品类型",
                modal:true
            });
        },
        error:function () {
          alert("bbbb");
        },
        dataType:"json"
    });

导入gson包自动解析,让controller中返回的Type类型的list可以自动转化为json格式,但是始终只能跳入error:function,因此查找了一些资料,希望能解决这个问题

举例说明一些错误原因：

1. dataType错误

类型错误：后台返回的dataType类型和前台写的不一致会跳入error

格式错误：jquery1.4之后对json的格式要求非常严格，json格式错误也会跳入error.{"test":1} 注意格式

有时，在不需要返回值的情况下，扔按模板格式，设置了dataType:"json",参数；这时候，ajax传值正确时，出现200返回成功状态下报错的特殊情况。

2. async请求同步异步问题

async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false

例如，你用post请求传值到另一个页面后台，但是页面一加载你的ajax就已经执行过了，传值接收是在后台才完成的，这时候就请求不到数据，所以可以考虑把ajax请求改为同步试试。

3. data不能不写

data为空也一定要传"{}"；不然返回的是xml格式的。并提示parsererror. data:"{}"

parsererror的异常和Header 类型也有关系。及编码header('Content-type: text/html; charset=utf8');

4. 传递的参数

必须是ajax支持的编码格式

5. URL路径问题

路径不能有中文

用error调试错误信息：

可以alert出来，查看具体是哪里出错了

具体参数：

XMLHttpRequest：XMLHttpRequest.readyState: 状态码的意思
0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了

XMLHttpRequest：XMLHttpRequest.status:

textStatus：错误原因

null timeout error notmodified  parsererror

errorThrown:（可选）捕获的错误对象

笔者尝试了在ajax发送请求到controller的时候,将返回类型改为string,通过new一个gson对象,调用gson.toJson(list)的方法,将type类型的list转化为json格式的字符串并响应至前台,仍然不能解决此问题,希望通过后面的研究能够得到更加精准的回答