Ajax请求默认的都是异步的

如果想同步 async设置为false就可以（默认是true）

var html = $.ajax({

url: "some.php",

async: false

}).responseText;

返回json数组取条数用result.length

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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">

<head runat="server">

    <title>无标题页</title>

    <style type="text/css">

     .hover

        {

            cursor: pointer; /*小手*/

            background: #ffc; /*背景*/

        }

    </style>

    <script type="text/javascript" src="js/jquery-1.3.2-vsdoc2.js"></script>

     <script type="text/javascript">

        //无参数调用

        $(document).ready(function() {

            $('#btn1').click(function() {

                $.ajax({

                    type: "POST",   //访问WebService使用Post方式请求

                    contentType: "application/json",

                    url: "Default2.aspx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名

                    data: "{}",  //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到

                    dataType: 'json',   //WebService 会返回Json类型  

                    success: function(result) {     //回调函数，result，返回值

                        alert(result.d);

                    }

                });

            });

        });

        //有参数调用

        $(document).ready(function() {

            $("#btn2").click(function() {

                $.ajax({

                    type: "POST",

                    contentType: "application/json",

                    url: "Default2.aspx/GetWish",

                    data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",

                    dataType: 'json',

                    success: function(result) {

                        alert(result.d);

                    }

                });

            });

        });

        //返回集合（引用自网络，很说明问题）

        $(document).ready(function() {

            $("#btn3").click(function() {

                $.ajax({

                    type: "POST",

                    contentType: "application/json",

                    url: "Default2.aspx/GetArray",

                    data: "{i:10}",

                    dataType: 'json',

                    success: function(result) {

                        $(result.d).each(function() {

                            alert(this);

                            $('#dictionary').append(this.toString() + " ");

                            //alert(result.d.join(" | "));

                        });

                    }

                });

            });

        });

        //返回复合类型，如{"result":{"ID":1,"Value":2}}即返回的结果中数据是对象或者json格式的数据

        $(document).ready(function() {

            $('#btn4').click(function() {

                $.ajax({

                    type: "POST",

                    contentType: "application/json",

                    url: "Default2.aspx/GetClass",

                    data: "{}",

                    dataType: 'json',

                    success: function(result) {

                        $(result.d).each(function() {

                            //alert(this);

                            $('#dictionary').append(this['ID'] + " " + this['Value']);

                            //alert(result.d.join(" | "));

                        });  

                    }

                });

            });

        });

    //Ajax 为用户提供反馈，他们两个方法可以添加给jQuery对象在Ajax前后回调

        //但对与Ajax的监控，本身是全局性的

        $(document).ready(function() {

            $('#loading').ajaxStart(function() {

                $(this).show();

            }).ajaxStop(function() {

                $(this).hide();

            });

        });

        // 鼠标移入移出效果，多个元素的时候，可以使用“，”隔开

        $(document).ready(function() {

            $('btn').hover(function() {

                $(this).addClass('hover');

            }, function() {

                $(this).removeClass('hover');

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <input type="button" id="btn1" value="HelloWorld"/>

    <input type="button" id="btn2" value="传入参数"/>

    <input type="button" id="btn3" value="返回集合"/>

    <input type="button" id="btn4" value=" 返回复合类型"/>

    </div>

    <div id="dictionary">dictionary

    </div>

    </form>

</body>

</html>

jquery ajax调用返回json格式数据处理

jquery ajax调用返回json格式数据处理的更多相关文章

  1. Ajax--json（Ajax调用返回json封装代码、格式及注意事项）

    Ajax调用json封装代码<dbda.php>: //Ajax调用返回JSON public function JsonQuery($sql,$type=1,$db="mydb ...

  2. Ajax调用返回json，xml数据类型(0517--pm)

    一.返回Json型数据: 1.主页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  3. dbda封装类（包括：返回二维数组、Ajax调用返回字符串、Ajax调用返回JSON）

    <?php class DBDA { public $host = "localhost"; public $uid = "root"; public $ ...

  4. 使用jQuery发送POST，Ajax请求返回JSON格式数据

    问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...

  5. ajax访问服务器返回json格式

    使用ajax访问服务器返回多条数据,比如返回一个表中的所有数据,页面该如何处理呢?如何获取数据呢?一直不会用ajax返回json格式,今天研究了下,分享给大家~ 首先需要引用服务,点击项目右键,添加引 ...

  6. Flask(python)异步（ajax）返回json格式数据

    主要讨论两个问题,第一个是关于json.dumps 与jsonify区别,第二个是几种异步的区别(见jQuery中的$.getJSON.$.ajax.$.get.$.post的区别). json.du ...

  7. ajaxSubmit返回JSON格式

    开发时遇到根据不同情况返回错误提示信息的需求,用到了ajax中返回json格式数据的. 前台请求代码: <script type="text/javascript">  ...

  8. WebService返回json格式数据供苹果或者安卓程序调用

    1.新建一个WebService. 2. /// <summary> /// DemoToJson 的摘要说明 /// </summary> [WebService(Names ...

  9. ajax请求正常，返回json格式，后台没问题，浏览器500

    1.使用的是springmvc中的 @ResponseBody 注解   ,后台不报错,.正常走完:以为使用这个注解就可以正常返回json格式的数据:所以一直没有怀疑是注解的问题: 以为是ajax本身 ...

随机推荐

  1. java反射机制入门3

    Method对象的机制与实现 1.Method对象概述 1)java.lang.reflect.Method类是用于表示类中.接口中方法对象的类. 2)可以操作类中私有,以及公有等全部方法. 2.Me ...

  2. JavaSE学习总结第17天_集合框架3

      17.01 ArrayList集合的toString()方法源码解析 代码: Collection c = new ArrayList(); c.add("hello"); c ...

  3. JavaSE学习总结第22天_IO流4

    -  22.01  数据输入输出流的概述和讲解 操作基本数据类型 public class DataInputStreamextends FilterInputStream implements Da ...

  4. python成长之路10

    断点续传   python2.7 多继承  py35多继承   socketserver源码     支持并发处理socket   i/o多路复用   上节回顾     socket          ...

  5. linux下检测端口是否连通

    检测tcp端口使用telnet命令 telnet 例:telnet 192.168.0.1 80 检测udp端口使用uc命令 uc -zu 例:uc -zu 192.169.0.1 80   以上命令 ...

  6. QT无标题窗口在任务栏显示关闭（增加系统菜单）

    在对话框中使用了如下代码: setWindowFlags(Qt::FramelessWindowHint); 在任务栏上右键点击程序,不会弹出菜单,解决办法,使用下面代码: setWindowFlag ...

  7. Linux和windows下的shutdown命令

    Linux下的shutdown命令 shutdown [options] [time] [wall] options: --help 获取帮助 -h 关机 -r 重启 -c 取消 -k 仅显示警告信息 ...

  8. GDKOI2016

    天若有情天亦老 月若无恨月常圆 Day1 score cardcaptor AAAAAAAATT protal WWWWWWWWWW treasurehunt AAAAWXXXXX map AAATT ...

  9. C# 操作Excel （二）

    根据翻阅LTP.Net知识库系列之四中Office操作功能: 一.记录常用如下 (1)“在自己的程序中宿主Office”的意思就是在我们自己开发的应用程序的窗体上,显示一个就像Office应用程序那样 ...

  10. uva 10891 Game of Sum(区间dp）

    题目连接:10891 - Game of Sum 题目大意:有n个数字排成一条直线,然后有两个小伙伴来玩游戏, 每个小伙伴每次可以从两端(左或右)中的任意一端取走一个或若干个数(获得价值为取走数之和) ...