最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于jquery $.ajax实现客户端与服务器数据实时交互程序
时间:2012-04-24 编辑:简简单单 来源:一聚教程网
简单的html代码,保存了ajax.html就可以了。
代码如下 | 复制代码 |
javascript:void(0)" class="link" onclick="ViewMsg(<%#Eval("RecordID")%>);return false;">查看全部
|
引用 jquery.js 和 date.f-0.5.0.js(json 日期转换)
代码如下 | 复制代码 |
function ViewMsg(id) {
confirm("确定要删除?"); |
新建一个一般处理程序 MsgHandler.ashx 注意文档编码和jquery ajax文件编码必须一致,否则可能出现乱码问题。
代码如下 | 复制代码 |
public class MsgHandler : IHttpHandler
public void ProcessRequest(HttpContext context)
public bool IsReusable |
下面这段代码是主要的了,就是发送类型为post数据了,然后返回 类型为json上面有个json文件,还有一个url就是请求处理数据的url
代码如下 | 复制代码 |
$.ajax({ type:'post',//这里页面数据发送请求的方式可以为post和get cache:'false ', //这里可以为false或者true 是否要缓存 ,默认为false url : 'XXXXX/XXX.ashx',//这里页面通过webhttprequest 请求处理的类路径最好写物理路径 datatype:'json',//这里传出的数据格式可以为json类型和text类型 data: flag:'del',id:'ID',$('#id').val()//这里可以写入你要传过去处理的数据和类型等等 success:function(data){},//这里返回经过处理的得到的服务端数据
error: function (XMLHttpRequest, textStatus, errorThrown) { |
总结:
本文章简单的讲述了关于利用了$.ajax的post方法来发送请求返回json数据然后我们进来处理,由于使用了插件我们节省了大量的关于ajax兼容这块的处理,至于asp.net这段代码我们不讲解了。
相关文章
- C#复制数组的两种方式及效率比较解读 10-24
- ASP.NET Identity用法解析 10-24
- ASP.NET MVC使用Identity增删改查用户介绍 10-24
- C语言中atoi函数模拟实现介绍 10-18
- .Net反向代理组件Yarp用法介绍 10-10
- .NET使用YARP通过编码方式配置域名转发实现反向代理教程 10-10