• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery ajax 局部无刷新更新数据的实现案例

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jquery,ajax,局部刷新等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

要更新的页面

    <script src="js/jquery.js" type="text/javascript"></script>

</head>
<body>
    <select id="lucky1" onchange="return duoduo();">
        <option value="1">第一期</option>
        <option value="2">第二期</option>
    </select>
    <div id="duoduo">
        你好</div>
       <input type="text" id="duo"  />
</body>

<script type="text/javascript">

    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('对不起失败了');
            }
        })
    }

</script>

</html>

操作页面

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • 2017-08-16JQuery选择器绑定事件及修改内容的方法
  • 2017-08-16给jQuery方法添加回调函数一款插件的应用
  • 2017-08-16jquery 中多条件选择器,相对选择器,层次选择器的区别
  • 2017-08-16JQuery弹出炫丽对话框的同时让背景变灰色
  • 2017-08-16jQuery Validate 数组 全部验证问题
  • 2017-08-16jQuery拖动图片删除示例
  • 2017-08-16jquery 圆形旋转图片滚动切换效果
  • 2017-08-16jQuery实现导航回弹效果
  • 2017-08-16利用jquery去掉时光轴头尾部线条的方法实例
  • 2017-08-16jQuery的animate函数学习记录

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
    • JQuery ZTree使用方法详解
    • jQuery图片预加载 等比缩放实现代码
    • jQuery UI AutoComplete 自动完成使用小记
    • jqgrid 把jqGrid修改为响应式表格
    • jquery 查找新建元素代码
    • jQuery插件PageSlide实现左右侧栏导航菜单
    • jQuery中$.each()函数的用法引申实例
    • jQuery的animate函数实现图文切换动画效果
    • jquery 屏蔽一个区域内的所有元素,禁止输入

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有