jquery ajax 局部无刷新更新数据的实现案例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<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>
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Params["data"].ToString().Equals("1"))
{
Response.Write("<a href=\"http://www.baidu.com\">第一期</a>");
}
else if (Request.Params["data"].ToString().Equals("2"))
{
Response.Write("<a href=\"http://www.baidu.com\">第2期</a>");
}
}
相关推荐
-
ajax局部刷新一个div下jsp内容的方法
用AJAX刷新一个DIV中的jsp内容 复制代码 代码如下: <script type="text/javascript"> var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open("POST,"ss.jsp",true); xmlhttp.setRequestHeader("Content-type","ap
-
利用ajax实现简单的注册验证局部刷新实例
1,ajax(asynchronouse javascript and xml)异步的 javascrip 和xml 2,(包含了7种技术:javascript xml xstl dom xhtml css xmlhttpRequest) 3,是一种与服务器语言无关的技术,可以用在(php/jsp/asp.net) 4,ajax的工作原理: 创建一个ajax引擎->发送数据给服务器-->通过回调函数接收数据--->将数据赋给指定的页面 下面是注册验证案例register.php是注册页面
-
JQuery的Ajax请求实现局部刷新的简单实例
请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面. 案例:如图 我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改
-
Ajax异步无刷新对局部数据更新
复制代码 代码如下: <asp:ScriptManager ID="smScriptManager" runat="server"></asp:ScriptManager> 复制代码 代码如下: <asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server"><ContentTe
-
jQuery实现AJAX定时刷新局部页面实例
方法一: 局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了. 例子,定时局部刷新 定时局部刷新用到jQuery里面的setInterval方法,setInterval方法两个参数,第一个是设置定时执行的函数名,第二个是时间,如下代码所示,设置每隔10微秒定时执行一次aa方法. <script> $(function(){ setInterval(aa,10); func
-
jquery ajax 局部刷新小案例
复制代码 代码如下: <html><head><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript"> function getOtherMessage(){ $.ajax({ type:"post", url:"${pageConte
-
使用ajax局部刷新gridview进行数据绑定示例
具体代码如下: 复制代码 代码如下: <% @ Page Language = " C# " %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < script runat ="server" &
-
纯JS实现AJAX局部刷新功能
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 下面给大家介绍JS实现AJAX局部刷新功能,具体内容如下所示: 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. //
-
jQuery ajaxSubmit 实现ajax提交表单局部刷新
AJAX简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready(function() { var options = { target: '#mydiv', // 需要刷新的区域
-
jquery ajax 局部无刷新更新数据的实现案例
要更新的页面 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>&l
-
基于jquery ajax 用户无刷新登录方法详解
Ajax框架就是提供模块化实现Ajax功能的集合,Ajax框架可以是各种语言实现的(比如SAJAX有各种语言的实现),Ajax只是jquery中的一部分, 实例1 复制代码 代码如下: $.ajax({ type:'post',//可选get url:'action.php',//这里是接收数据的PHP程序 data:'data='dsa',//传给PHP的数据,多个参数用&连接 dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html
-
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
本文实例讲述了Jquery+AJAX实现无刷新上传并重命名文件操作.分享给大家供大家参考,具体如下: index.html <!DOCTYPE html> <html> <head> <title>Ajax上传图片</title> <meta charset="utf-8"> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"
-
Asp.net利用JQuery AJAX实现无刷新评论思路与代码
首先在数据库中就建三个字段的表用来存储用户名和评论信息,Id只是为了设置唯一标示,所以设置成整型自增字段就行了. 再建一个HTML页面,只需简单的拉几个html控件出来摆着就行,注意在页面顶部有个<table>标签用来占位输出评论内容. Html页面代码就这样简单就行了: 复制代码 代码如下: <body><table id="room"> </table> <div> 用户名:<input id="Text1
-
jQuery+Ajax实现无刷新操作
使用jQuery实现Ajax操作 想要实现Ajax页面无刷新效果,但是直接利用Ajax代码实在有些麻烦,所以就想用jQuery实现.jQuery很好的封装了Ajax的核心对象XMLHTTPRequest.所以用起来非常方便. 首先,创建服务器端代码,这里用Servlet实现服务器端的数据处理:代码如下: protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws Serv
-
jQuery+Ajax实现无刷新分页
1.前台使用ajax无刷新分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js 下面贴出代码 /** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 1.2 * @param {int} maxentries Number o
-
jQuery+ajax实现无刷新级联菜单示例
前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC &quo
-
jQuery+AJAX实现无刷新下拉加载更多
随着互联网时代的发展,web前端已经和后台数据挂钩,作为web前端仅仅不是只切图写写html,css 和简单js交互. js code $(function() { var page = 1; var discount = $('#discount'); var innerHeight = window.innerHeight; var timer2 = null; $.ajax({ url: '/lightapp/marketing/verify/apply/list?page=1', t
-
asp.net AJAX实现无刷新获得数据
register.aspx页面代码: <script type="text/javascript"> function checkuser() { var option={ parameters:"userid="+$("userid").value, method:"post", onSuccess:function(transport){ var rp=transport.responseText; if(rp
-
用javascript实现页面无刷新更新数据
以下正文: 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务 器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的 所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也 显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将 数据从服务器上读取出来,显得既专业,又高效. 下面我们就以一个验证用户是否被注册的情
随机推荐
- 分享15个美化代码的代码语法高亮工具
- go语言实现文件分割的方法
- IBM DB2 日常维护汇总(九)
- 用JavaScript脚本实现Web页面信息交互
- PHP+AjaxForm异步带进度条上传文件实例代码
- WordPress中用于获取文章作者与分类信息的方法整理
- PHP 文件上传后端处理实用技巧方法
- Android仿淘宝搜索联想功能的示例代码
- Bootstrap创建可折叠的组件
- PHP微信公众号自动发送红包API
- 如何建立一个 XML 的开发环境
- jquery+json实现动态商品内容展示的方法
- java日期操作工具类(获取指定日期、日期转换、相隔天数)
- 打飞机游戏终极BOSS Android实战打飞机游戏完结篇
- Python多线程实现同步的四种方式
- .net使用Aspose.Words进行Word替换操作的实现代码
- js怎样实现下拉框改变,它旁边的图像也改变
- Android调用高德地图定位的方法
- Exchange在接收连接器上启用匿名中继的方法
- Vue SPA单页应用首屏优化实践