AjAX请求后台,无刷新更新页面

Posted 天翊丨流光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AjAX请求后台,无刷新更新页面相关的知识,希望对你有一定的参考价值。

$(function () {
        $(‘#按钮ID‘).click(function () {

            $.ajax({
                url: ‘请求地址‘,
                data: ‘传递参数‘,
                datatype: ‘text/plain‘,//请求类型
                success: function (返回参数) {
                    if (result == "1") {
                        返回后处理数据
                    }
                },
                error: function () { }
            });

        });
    });

例------------------------

前台点击btnting‘按钮,请求数据到后台,更新数据库后,根据返回结果刷新页面

$(function () {
        $(‘#btnting‘).click(function () {

            $.ajax({
                url: ‘Delectjinzhi‘,
                data: ‘type=0‘,
                datatype: ‘text/plain‘,
                success: function (result) {
                    debugger
                    if (result == "1") {
                        $(‘#selkstime‘).attr("disabled", false); //启用控件使用
                        $(‘#seljstime‘).attr("disabled", false); //启用控件使用
                        $(‘#btnkai‘).attr("disabled", false); //禁止启用按钮
                        $(‘#btnting‘).attr("disabled", true); //启用停止按钮
                        $(‘[name="checkweek"]‘).each(function () {
                            $(this).attr("disabled", false);
                        });
                    }
                },
                error: function () { }
            });

        });
    });

以上是关于AjAX请求后台,无刷新更新页面的主要内容,如果未能解决你的问题,请参考以下文章

Ajax 请求时后台跳转 前端页面不更新踩坑记录

原生Ajax GET请求无刷新实现文本框用户名是否被注册

HTTP与AJAX深入揭秘,不使用AJAX实现页面无刷新

Ajax_原生ajax写法理解异步请求js单线程+事件队列封装原生ajax

ajax异步刷新请求数据

AJAX