jquery实现ajax,返回json数据

jquery实现ajax可以调用几种方法

我经常用的是$get(url,data,callback,type)方法

其中url是异步请求的页面(可以是.ashx文件),data是参数,callback是回调函数,而type是返回数据的类型.type有xml,html,json,text等.

首先,页面引用jquery.js

在页面写ajax处理的js函数


1

2

3

4

5

6

7

8

9

10

11

12

13

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);

        }

我用的返回类型是json,这样可以返回类似类的数据类型.比如{"Name":"Sunny D.D", "Age":25}

但是在使用返回值data时,首先要转换json,通过


1

var obj = eval( "(" + data + ")" );//转换后的JSON对象

就能获得json对象.

json对象是在MeetingRoom.ashx文件里处理生成的

部分代码如下:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

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)

   {

          //省略..

   }

}

返回json数据格式最重要的是使用了JsonConvert.SerializeObject()方法.它可以将需要传递到客户端的数据打包,并序列化为字符串

而类JsonConvert在第三方dll文件中(Newtonsoft.Json.dll),引入dll就可以使用了.

注意:在.ashx页面中,想要使用Session的话,直接写context.Session["user"]是不行的,必须指定当前上下文可以使用Session,可已实现IRequiresSessionState接口,访问Session


1

2

public class MeetingRoom : IHttpHandler, IRequiresSessionState

{

在中小项目中,使用这种方式实现ajax,如果是大项目里,应该有封装更好的ajax框架

jquery实现ajax,返回json数据

时间: 2024-10-17 06:01:28

jquery实现ajax,返回json数据的相关文章

jQuery调用WebService返回JSON数据

相信大家都比较了解JSON格式的数据对于ajax的方便,不了解的可以从网上找一下这方面的资料来看一下,这里就不多说了,不清楚的可以在网上查一下,这里只说一下因为参数设置不当引起的取不到返回值的问题. 在用jQuery调用WebService的时候,它contentType默认为 以下是WebService服务端的代码: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.W

ajax返回json数据

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Ajax json test</title> <script language="

ASP.net jQuery调用webservice返回json数据的一些问题

之前寒假时,试着使用jQuery写了几个异步请求demo, 但是那样是使用的webform普通页面,一般应该是用 webservice 居多. 最近写后台管理时,想用异步来实现一些信息的展示和修改, 这是第一次真正的在实际中运用ajax,卡了一个小时才做好简单的信息展示. 在这之间遇到了两个问题.写下来分享给大家,也加深一下自己的印象. 有错误的地方还请大神指出. 前端js代码: 1 <script type="text/javascript"> 2 $(function

ajax 返回json数据操作

例子: 1 $.ajax({ 2 url: "<?=Url::toRoute('add-all-staff')?>", 3 type: 'get', 4 dataType: 'json', 5 success: function (data) { 6 if (data) { 7 var Element = $(".staff_names"); 8 var user_ids = []; 9 10 for (var key in data) { 11 Ele

html、css/bootStrap、js/Jquery、ajax与json数据交互总结

设计个个人网站,利用CSS.JavaScript.HTML5.jQuery库和AJAX等 实现网站各功能模块,下面介绍我设计的网站各大功能模块:  个人简历模块: 包涵个人基本信息(利用CSS的float和clear属性实现个人照片与文字的浮动排版).求学经历.获奖情况.参与社团.兴趣爱好等(一个方面组织成一张网页),利用框架技术实现在同一区域显示不同网页内容. 注册/登入模块 用户注册和登录:使用jQuery实现注册表单验证和登录表单验证 登入首页 利用文字.图片(使用AJAX实现图片轮转)展

Jquery,ajax返回json数据后呈现到html页面的$.post方式。

1 <div id="anwser1" style="display:none"> 2 <div id="question"> 3 <p id="p1"></p> 4 5 </div> 6 <div id="chose"> 7 <div id="A" class="xuanze1">&

C# Ajax 返回json数据--前后台交互

本人实习生一枚,遇到这个问题,网上找的试了试基本不可以,自己搞了一下.可以供新手参考,大神如有指点,请不吝赐教. 版权声明:本文为博主原创文章,未经博主允许不得转载. 前台JavaScript代码: 1 <script> 2 function checkLogin() { 3 var name = $("#name").val(); 4 var passward = $("#password").val(); 5 console.log(name); 6

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据 用下拉列表显示Nation表民族名称 主页面: <!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"> <he

jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

ON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教程. XHTML  <ul id="userlist">    <li><a href="#" rel="1">张三</a></li>    <li><a href=&quo