jquery实现ajax,返回json数据
时间:2010-12-23
来源:互联网
jquery实现ajax,返回json数据
jquery实现ajax可以调用几种方法
我经常用的是$get(url,data,callback,type)方法
其中url是异步请求的页面(可以是.ashx文件),data是参数,callback是回调函数,而type是返回数据的类型.type有xml,html,json,text等.
首先,页面引用jquery.js
在页面写ajax处理的js函数
- function initMeeting() {
-
- $.get("/Common/MeetingRoom.ashx", {meetid:<%=meetId %>},function sellerList(data){
-
- $("#divSellerList").html(data);
-
- },"json");
-
- setTimeout("initMeeting()",20000);
-
- }
-
- function initMeeting() {
-
- $.get("/Common/MeetingRoom.ashx", {meetid:<%=meetId %>},function sellerList(data){
-
- var obj = eval( "(" + data + ")" );//转换后的JSON对象
-
- $("#divSellerList").html(obj.CellerList);
-
- },"html");
-
- setTimeout("initMeeting()",20000);
-
- }
但是在使用返回值data时,首先要转换json,通过
1 var obj = eval( "(" + data + ")" );//转换后的JSON对象
就能获得json对象.
json对象是在MeetingRoom.ashx文件里处理生成的
部分代码如下:
- public class MeetingRoom : IHttpHandler
-
- {
- public void ProcessRequest(HttpContext context)
-
- {
- context.Response.ContentType = "text/plain";
-
- try
-
- {
- int meetid = XYConvert.GetInt32(context.Request.QueryString["meetid"]);
-
- string str = "";
-
- MeetingJson meetingJson = new MeetingJson();
-
- if (meetid != 0)
-
- {
-
- meetingJson.CellerList=returnCellerList(meetid);
-
- }
-
- str = JsonConvert.SerializeObject(meetingJson);
-
- context.Response.Write(str);
-
- }
-
- catch (Exception ex) {
-
- context.Response.Write(ex.Message);
-
- }
-
- }
- public class MeetingJson {
-
- string cellerList;
-
- public string CellerList
-
- {
- get { return cellerList; }
-
- set { cellerList = value; }
- }
- }
-
- protected string returnCellerList(int meetid)
-
- {
- //省略..
- }
- }
而类JsonConvert在第三方dll文件中(Newtonsoft.Json.dll),引入dll就可以使用了.
注意:在.ashx页面中,想要使用Session的话,直接写context.Session["user"]是不行的,必须指定当前上下文可以使用Session,可已实现IRequiresSessionState接口,访问Session
1 public class MeetingRoom : IHttpHandler, IRequiresSessionState
2 {
在中小项目中,使用这种方式实现ajax,如果是大项目里,应该有封装更好的ajax框架。
作者: 三里屯摇滚 发布时间: 2010-12-23
学习学习
作者: wodentt 发布时间: 2010-12-23
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28