ajax请求,在success、error模块中return无效

        function check() {
            $.ajax({
                url: 'Handler.ashx',
                cache: "false",
                success: function(msg) {
                    if (msg == "2") {
                        return true;
                    }
                    else {
                        return false;
                    }
                },
                error: function(msg) { alert(msg) }
            });
        }

上边是一段js代码,在测试过程中发现return true;return false没起作用,特郁闷,仔细看了几遍;实在无可奈何上网搜,一大堆,哎,原来这样啊;

我们可能都知道ajax默认的是异步操作,还有在success模块中return true、return false;这样是不对的,这里的return决定是否执行下一步仅此而已,并不是check函数的返回值;如果要想给check函数返回值要在它的最底部;

还有要把它的模式改为同步,即使async:false;这样在函数获取数据的时候让它等待执行成功获取到数据后才可让它执行下边的过程;

解决办法是先在头部声明一变量,在success模块中给变量赋值,在最后返回值;SO;

        function check() {
            var flag = true;
            $.ajax({
                async: false,
                url: 'Handler.ashx',
                cache: "false",
                success: function(msg) {
                    if (msg == "2") {
                        flag = true;
                    }
                    else {
                        flag = false;
                    }
                },
                error: function(msg) { alert(msg) }
            });
            if (flag) {
                return true;
            }
            else {
                return false;
            }
        }


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以参考以下步骤: 1. 在jsp页面引入jQuery库和bootstrap库(用于表格的渲染): ```html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> ``` 2. 在jsp页面创建一个表格: ```html <table class="table table-striped"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> </thead> <tbody> </tbody> </table> ``` 3. 在jsp页面使用ajax请求后端接口: ```js $.ajax({ url: 'api/user', // 后端接口地址 type: 'GET', // 请求方法 dataType: 'json', // 返回数据类型 success: function(data) { // 请求成功的回调函数 var tbody = $('tbody'); // 获取表格的tbody元素 for (var i = 0; i < data.length; i++) { // 遍历返回的数据 var tr = $('<tr>'); // 创建一个tr元素 tr.append($('<td>').text(data[i].id)); // 在tr添加td元素,并设置td的文本 tr.append($('<td>').text(data[i].name)); tr.append($('<td>').text(data[i].age)); tr.append($('<td>').text(data[i].gender)); tbody.append(tr); // 将tr添加到表格 } }, error: function() { // 请求失败的回调函数 alert('请求失败!'); } }); ``` 4. 后端接口需要返回一个json格式的数据,参考以下示例: ```java @RequestMapping(value = "/api/user", method = RequestMethod.GET) @ResponseBody public List<User> getUserList() { List<User> userList = userService.getUserList(); return userList; } ``` 其,User为一个JavaBean,包含id、name、age、gender等属性。 以上就是jspajax请求后端接口并进行表格渲染的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值