jQuery中ajax的使用方法

最新推荐文章于 2024-03-13 07:00:00 发布

风一样的大叔

最新推荐文章于 2024-03-13 07:00:00 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery ajax function json url

本文链接：https://blog.youkuaiyun.com/qiujialongjjj/article/details/6670736

jQuery 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用Ajax技术实现在用户点击按钮后进行页面局部刷新的方法。具体实现上，通过JavaScript监听按钮点击事件，并利用Ajax发送POST请求到服务器。若服务器返回成功标志，则客户端会重新定向到指定页面。

$(document).ready(function (){
    $('#btnmerge').click(function () {
        var RodNo = $('#RodNo').val();
        $.ajax({
            type: "post",
            dataType: 'json',
            url: "PrecisionstretchMerge",
            data: "RodNo=" + $("#RodNo").val(),
            timeout: 8000,
            success: function (json) {
                    if (json.back) {
                        window.location.href("/Precisionstretch/PrecisionstretchMerge");
                    }
                }
        });
     });
});