ASP.NET中AJAX的异步加载(Demo演示)_实用技巧

来源:脚本之家  责任编辑:小易  

id 不对 写错了www.zgxue.com防采集请勿采集本网。

此次的Demo是一个页面,页面上有两行字,然后后面用AJAX,使用一个下拉框去替换第一行文字[/code]

asp:UpdatePanel id=\"UpdatePanel1\"runat=\"server\"> 登陆代码-> asp:UpdatePanel> 把登陆代码放在UpdatePanel中就可以实现局部刷新!登陆代码后台的.cs页也不用变!

第一个是被替换的网页

上传控件不能放在updatepanel里面,因为把上传控件放在里面的话,在后台是不能取到上传控件的值。现在很多上传的实现有用到iframe或者采用一种flash+js实现的方式。具体的内容你可以到网上搜索的

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> var xmlHttpRequest; function createXmlHttpRequest() { if (window.ActiveXObject) { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器 } else { xmlHttpRequest = new window.XMLHttpRequest();//谷歌等浏览器 } } function sendRequest() { createXmlHttpRequest();//获取对象 xmlHttpRequest.onreadystatechange = function () { if (xmlHttpRequest.readyState == 4) { if (xmlHttpRequest.status == 200) { document.getElementById("divContent").innerHTML = xmlHttpRequest.responseText; } } }; xmlHttpRequest.open("POST", "DeptHandler.ashx", true); xmlHttpRequest.send(null); } </script> <!--<script type="text/javascript"> var xmlHttpRequest; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器 } else { xmlHttpRequest = new window.XMLHttpRequest();//谷歌等浏览器 } } //请求数据 function sendRequest() { createXMLHttpRequest(); xmlHttpRequest.onreadystatechange = function () { if (xmlHttpRequest.readState == 4) { if (xmlHttpRequest.status == 200) { document.getElementById("divContent").innerHTML = xmlHttpRequest.responseText; } } } xmlHttpRequest.open("POST", "DeptHandler.ashx", true); xmlHttpRequest.send(null); } </script>--></head><body> <div> <div id="divContent"> <p style="color:red">这里显示部门信息</p> </div> <script type="text/javascript">sendRequest()</script> <div> <p style="color:red">这里显示部门信息结束了</p> </div> </div></body></html>

你说的应该是webSocket,而不是socket。这是两个概念。socket是tcp/ip协议下的东西。你说的 webSocket 协议 和 Ajax是 Http协议讨论的东西。Ajax 是基于 JS 的xmlHttpRequest对象实现的异步刷新

第二个是一个类

你说的这个ajax是asp.net ajax还是大家通用的ajax?asp.net ajax:《asp.net ajax程序设计第二版》作者陈黎夫。不过这个我个人不是很推荐使用微软这个ajax框架。理由:1.市面上没人用因为大家都用jQuery;

using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication2{ public class Dept { public int Id { get; set; } public string DeptName { get; set; } }}

像这样就Ok了: get(\"AjaxJS.asax\",function(data){/这里你要注意下AjaxJS.asax的路径 (\"#AjaxJS\").append(data);});

然后是一个一般处理程序

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading;using System.Web;namespace WebApplication2{ /// <summary> /// DeptHandler 的摘要说明 /// </summary> public class DeptHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { //这里的AJAX进行了三秒的延迟 Thread.Sleep(3000); List<Dept> depts = new List<Dept> { new Dept(){Id=1,DeptName="财务部"}, new Dept(){Id=2,DeptName="研发部"}, new Dept(){Id=3,DeptName="市场部"} }; StringBuilder sb = new StringBuilder(); sb.AppendLine("<select>"); foreach (var item in depts) { sb.AppendLine($"<option id = {item.Id}>{item.DeptName}</option>"); } sb.AppendLine("</select>"); context.Response.ContentType = "text/plain"; context.Response.Write(sb); } public bool IsReusable { get { return false; } } }}

效果图

AJAX有三秒的延迟加载

前三秒

后三秒

到此这篇关于ASP.NET中AJAX的异步加载(Demo演示)的文章就介绍到这了,更多相关ASP.NET中AJAX异步加载内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

你的按钮使用的是submit吗?内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • asp.net下的异步加载
  • asp.net 使用js分页实现异步加载数据
  • asp.net中使用iframe建立类modal窗口
  • asp.mvc 2.0用户服务器验证实例讲解(4)
  • .net core webapi的简单创建以及使用方法
  • asp.net core 1.0 部署 https(.net core 1.0)
  • weakreference(弱引用)让gc需要时回收对象
  • asp.net(c#)实现一次性动态上传多张图片的代码(多个文件)
  • asp.net及javascript判断是否手机访问的方法
  • asp.net的web页面(aspx)数据量过多时提交失败对策
  • asp.net post方式获取数据流的一种简单写法
  • gridview导出excel实现原理与代码
  • asp.net中运用ajax 异步调用问题
  • asp.net中ajax 异步获取数据实现代码
  • ASP.NET C# AJAX 异步处理数据的问题
  • C# asp.net mvc 判断是否是ajax异步提交的?
  • ASP.NET 中AJAX的疑问
  • ASP.NET 用AJAX在页面上传头像,不能异步刷新?
  • 求高手解释ASP.NET中socket和ajax的关系和区别
  • Ajax +Json 异步操作数据库的数据Asp.net的书籍
  • jquery ajax问题,麻烦大家给个asp.net实例,调用一段JS到指定的div中,异步加载。
  • asp.net ajax 与 ajax 之间的区别
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础应用实用技巧自学过程首页asp.net实用技巧asp.net下的异步加载asp.net 使用js分页实现异步加载数据asp.net中使用iframe建立类modal窗口asp.mvc 2.0用户服务器验证实例讲解(4).net core webapi的简单创建以及使用方法asp.net core 1.0 部署 https(.net core 1.0)weakreference(弱引用)让gc需要时回收对象asp.net(c#)实现一次性动态上传多张图片的代码(多个文件)asp.net及javascript判断是否手机访问的方法asp.net的web页面(aspx)数据量过多时提交失败对策asp.net post方式获取数据流的一种简单写法gridview导出excel实现原理与代码java正则表达式 pattern和matche未将对象引用设置到对象的实例 (asp.net(c#)网页跳转七种方法小结未能加载文件或程序集“xxx”或它asp.net“服务器应用程序不可用”asp.net中的几种弹出框提示基本实asp.net gridview 72般绝技asp.net生成excel并导出下载五种asp.net对路径"xxxxx"asp.net汉字转拼音和获取汉字首字asp.net core中使用默认mvc路由的配置分享提高asp.net web应用性能的技巧asp.net ini文件读写类c#判断文件路径是否存在或者判断文件是否asp.ne去除html的函数代码用.net的file控件上传文件的解决方案jquery+ajax用户登录功能的实现swagger上传文件并支持jwt认证的实现方法使用swfupload实现无刷新上传图片asp.net笔记之 httphandler的操作详解
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved