最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于jquery $.ajax实现客户端与服务器数据实时交互程序
时间:2022-06-25 03:06:41 编辑:袖梨 来源:一聚教程网
简单的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这段代码我们不讲解了。
相关文章
- 蚂蚁庄园今日最新答案5.2 05-02
- 蚂蚁庄园今日答案最新2024.5.2 05-02
- 小鸡庄园今天答案2024.5.2 05-02
- 今日小鸡庄园答案2024.5.2 05-02
- 我国哪座名楼有“洞庭天下水,岳阳天下楼”的美誉 蚂蚁庄园今日答案5月2日 05-02
- 旅游小知识:你会辨认海滩安全旗吗?红色旗帜通常代表 蚂蚁庄园今日答案5.2 05-02