$.ajax(),传参要用data

最新推荐文章于 2023-07-03 12:33:25 发布

转载最新推荐文章于 2023-07-03 12:33:25 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linsx/p/7403341.html

本文介绍了一段使用jQuery实现的教学室信息更新功能。通过点击按钮触发AJAX请求，将输入框中的标题和简介发送到服务器进行更新。如果更新成功，则关闭模态框；若失败，则提示用户稍后重试。

$("#modal").find(".btn-primary").unbind("click").click(function(){
            var title = $("#modal").find("input[name=title]").val();
            var intro = $("#modal").find("input[name=intro]").val();
             var params = {
                        "title":title,
                        "intro":intro
                }
            $.ajax({
                method: 'put',
                url: '/teachroom/'+id,
                data: params,
                success: function(data){
                    if(data){
                        $("#modal").modal("hide");
                    
                    }else{
                        layer.alert("操作失败，请稍后重试！");
                    }
                    
                    
                }
                
            })
        })