ajax 及ja 操作寻找父及标签同级标（从后向前数）

weixin_42506747

于 2018-08-12 10:17:03 发布

阅读量338

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42506747/article/details/81603939

本文介绍了一个使用JavaScript实现的编辑功能，该功能通过Ajax发送请求来更新班级信息，并展示了如何从DOM中获取数据并填充到编辑对话框中。

function modelEdit(ths){
        document.getElementById('shadow').classList.remove('hide');
        document.getElementById('editModal').classList.remove('hide');
        /*
        1. 获取当前点击标签
        2. 当前标签父标签，再找其上方标签
        3. 获取当前行班级名称，赋值到编辑对话框中
         */
        var row = $(ths).parent().prevAll();
        var content = $(row[0]).text();
        $('#editTitle').val(content);

        var contentId = $(row[1]).text();
        $('#editId').val(contentId);
    }


    function editAjaxSend(){

        var nid = $('#editId').val();
        var content = $('#editTitle').val();

        $.ajax({
            url:'/modal_edit_class/',
            type: 'POST',
            data: {'nid':nid, 'content': content},
            success:function(arg){
                // arg字符串类型
                // JSON.parse(字符串) => 对象
                // JSON.stringify(对象) => 字符串
                arg = JSON.parse(arg);
                if(arg.status){
                    // location.href = "/classes/"
                    //当前页面刷新
                    location.reload();
                }else{
                    alert(arg.message);
                }
            }
        })
    }
</script>