当前位置:  编程技术>WEB前端

jquery ajax 局部无刷新更新数据的实现案例

    来源: 互联网  发布时间:2014-08-25

    本文导语:  要更新的页面 代码如下:                    第一期        第二期                你好           function duoduo() {        $.ajax({            type: 'post', //可选get            url: 'ajax.aspx', //这...

要更新的页面

代码如下:




   

   



   
        第一期
        第二期
   
   


        你好

      

    function duoduo() {
        $.ajax({
            type: 'post', //可选get
            url: 'ajax.aspx', //这里是接收数据的程序
            data: 'data=' + $("#lucky1").val(), //传给PHP的数据,多个参数用&连接
            dataType: 'html', //服务器返回的数据类型 可选XML ,Json jsonp script html text等
            success: function(msg) {
                //这里是ajax提交成功后,程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!
                document.getElementByIdx_x_x("duoduo").innerHTML = msg;
                //$("#duoduo").innerHTML = msg;
            },
            error: function() {
                alert('对不起失败了');
            }
        })
    }



操作页面
代码如下:

  protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.Params["data"].ToString().Equals("1"))
        {
            Response.Write("第一期");
        }
        else if (Request.Params["data"].ToString().Equals("2"))
        {
            Response.Write("jquery 局部刷新(jsp环境) iis7站长之家");
        }
    }

    
 
 

您可能感兴趣的文章:

  • 使用jquery局部刷新(jquery.load)从数据库取出数据
  • Jquery 定时局部刷新的代码举例
  • jquery ajax 局部刷新小案例
  • jquery刷新页面 jquery局部刷新与及全页面刷新
  • jQuery 定时局部刷新(setInterval)方法总结
  • jquery捕获超链接事件并局部刷新的代码一例
  • jquery 局部刷新(jsp环境)
  • Jquery.load载入页面实现局部刷新的代码
  • Jquery实现局部刷新的代码一例(c#版)
  • ajax jquery 页面局部刷新的不同实现代码
  • 用Jquery.load载入页面实现局部刷新
  • JQuery的Ajax请求实现局部刷新的简单实例
  • jquery局部刷新DIV及动态时钟显示iterator无法输出数据的问题
  • c#与jquery实现局部刷新分页的代码
  • Jquery 局部刷新及表单取值赋值操作详解
  • Jquery更换主题同时刷新iframe页面的代码举例
  • jquery刷新aspx中iframe的src的代码
  • jquery禁用右键单击功能屏蔽F5刷新
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • Jquery 随机刷新页面背景图片
  • jquery刷新页面代码及js常用函数汇总
  • 页面刷新时记住滚动条的位置jquery代码
  • Jquery实现无闪烁定时刷新的代码
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • Jquery 无刷新提交表单的实例代码
  • Jquery、Ajax、Struts2完成定时刷新的方法
  • jquery ajax 无刷新提交数据与无刷新登录的例子
  • jquery控制自动刷新的代码举例
  • jQuery 无刷新分页的实现代码
  • JQuery 无刷新查询代码示例
  • Jquery 添加内容自动刷新的实现代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3