`
a729812804
  • 浏览: 42187 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax异步提交返回数据显示在页面固定div层

 
阅读更多

            function onClick() {
                $.ajax({
                    type: "post",
                    url : "${pageContext.request.contextPath}/s/m/train/list/",
                    data: {},
                    success: function(json){
                        $("#msgdiv").hide();
                        $("#videolistdiv").html(json);
                        $("#videolistdiv").show();
                    },
                    error:function(json){
                        alert("系统错误");
                    }
                });
        }
页面有一<div  id="videolistdiv" style="display: none;"></div>就行

分享到:
评论

相关推荐

    Ajax 异步回调,ajax异步提交表单,ajax异步显示

    Ajax存在问题就是在异步情况下无法控制什么时候完成记录显示,本人根据回调方法封装了个类,能够将回调方法用参数方式指定,使ajax调用结束后调用回调方法,吧内容传回。ajaxSubmitToDivCallback(显示内容div,提交...

    jquery实现点击GridView弹出可以拖拉的div,异步处理后台数据并返回结果显示在div里

    在ASP.NET中,GridView通常用于显示数据库或其他数据源的数据,而这个功能是在用户点击GridView的某一行时,弹出一个可拖动的div层,展示更多详细信息。这个div不仅具有可拖动的特性,还能够异步地从服务器获取数据...

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    ajax控制div窗口显示和隐藏

    在网页开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。本主题主要关注如何使用Ajax来控制div窗口的显示和隐藏,...

    ajax异步上传数据

    【Ajax异步上传数据详解】 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在本文件中,我们主要关注如何使用Ajax进行异步数据提交,特别是针对表单...

    基于 jQuery 实现的 Ajax 异步分页

    5. **更新页面内容**:在Ajax回调函数中,接收到服务器返回的数据后,更新页面中显示数据的容器。如果是JSON数据,可以使用jQuery的`.html()`或`.append()`方法动态插入新的HTML内容。 6. **分页导航**:根据返回的...

    dtree+ajax异步加载树

    **dtree+ajax异步加载树详解** 在Web开发中,数据展示往往涉及到大量的层级结构,如文件系统、组织架构等。dtree是一款基于JavaScript的树形控件,它能够帮助开发者实现动态、交互式的树状菜单。而Ajax...

    ajax异步实现图片上传

    AJAX 是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这极大地提高了用户体验,特别是在处理图片上传时,我们希望用户能够在上传过程中继续浏览其他页面内容...

    jquery ajax异步提交表单数据的方法

    在Web开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及与服务器的交互,包括异步提交表单数据。本篇文章将详细解释如何使用jQuery的`ajax`方法来实现异步提交表单,同时涵盖不包含文件和...

    jquery弹出div+异步加载数据

    综上所述,"jquery弹出div+异步加载数据"项目涵盖了jQuery中的div操作、事件处理、动画效果、Ajax异步通信等多个重要知识点,这些技术在现代网页开发中有着广泛的应用。通过学习和实践这样的项目,开发者能够提升对...

    Jquery+Ajax实现异步更新

    在`success`回调函数中,我们解析返回的数据,并将其动态插入到页面的`&lt;div id="result"&gt;`中,实现了自动更新的效果。 至于压缩包中的"Ajax_AutoFill"文件,可能包含了实现上述功能的具体代码示例,包括HTML结构、...

    ajax分页查询+Div透明遮盖

    结合以上两点,"Ajax分页查询+Div透明遮盖"的实现会将Ajax请求的等待过程包装在一个具有透明遮盖的Div中,用户点击分页按钮后,透明遮盖层出现并阻止其他操作,后台则开始异步加载新页数据,数据加载完成后,遮盖层...

    ajax提交的时候用到的图片

    标题 "ajax提交的时候用到的图片" 暗示了我们将在讨论的场景涉及到使用Ajax技术来异步提交数据,并且在这个过程中可能涉及到一个加载指示器(spinner.gif)来显示请求处理的状态。Ajax,即Asynchronous JavaScript ...

    弹出层表单提交数据完美解决

    总结来说,实现弹出层表单提交数据完美解决,需要关注表单的设计、数据验证、异步通信、安全性以及用户体验等多个方面。通过合理的HTML结构、CSS样式和JavaScript交互,我们可以创建出用户友好且安全的弹出层表单...

    Ajax 异步树,极其简单的异步树

    **Ajax异步树详解** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在网页应用中,我们常常需要动态地展示大量的层级结构数据,比如组织架构、文件...

    点击页面链接后根据参数调用后台方法,获取数据并显示数据到弹出div上

    在网页开发中,实现“点击页面链接后根据参数调用后台方法,获取数据并显示数据到弹出div上”的功能,通常涉及到前端JavaScript技术、AJAX异步请求以及后端接口设计。以下将详细讲解这一过程中的关键知识点。 1. **...

    AJAX动态加载无限级树和弹出div层

    在IT行业中,尤其是在前端开发领域,AJAX(Asynchronous JavaScript and XML)技术是不可或缺的一部分,它使得网页可以异步地与服务器进行数据交互,而无需刷新整个页面。本项目"AJAX动态加载无限级树和弹出div层...

    jsp页面 列表 展示 ajax异步实现方法.docx

    总结来说,实现JSP页面列表的AJAX异步加载,主要包括以下几个步骤: 1. 创建JSP页面,定义基本的HTML结构。 2. 在服务端编写处理AJAX请求的逻辑,返回JSON数据。 3. 在客户端使用JavaScript(如jQuery)发送AJAX请求...

    JSP中使用Ajax完美实现异步无刷新数据分页

    // 创建新的数据显示项 container.append(row); }); } ``` 通过以上步骤,我们就实现了JSP中使用Ajax的无刷新数据分页。这种方式不仅提高了用户体验,还减少了服务器的负载,因为只需要传递和渲染必要的数据。...

Global site tag (gtag.js) - Google Analytics