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. asp.net生成RSS

    经常看到博客.还有很多网站中有RSS订阅,今天就来玩玩asp.net生成RSS,在网上查找了相关资料 发现just soso,如下: aspx <?xml version="1.0&q ...

  2. [译]SSRS 报表版本控制

    问题 如今商务智能应用广泛,对我们的商业愈加重要. 对新报表和的各种需求不断攀升. 自 SQL Server 2008 R2的 Reporting Services (SSRS) 开始,微软视图为减轻 ...

  3. BZOJ 1800: [Ahoi2009]fly 飞行棋( 枚举 )

    O(N2)算出有x条直径然后答案就是x(x-1)/2...这个数据范围是闹哪样! ----------------------------------------------------------- ...

  4. Java 操作mongodb

    package cn.test.db; import java.io.File; import java.io.IOException; import java.net.UnknownHostExce ...

  5. NGUI 按钮音效问题

    昨天给NGUI的按钮添加音效时,刚开始是自己新建空对象绑定声音的,后来发现NGUI按钮携带button sound组件,直接将音效拖入即可,不用写一行代码,非常简单.但是后来发现添加相同的音效有的按钮 ...

  6. Sublime Text 2使用技巧汇总

    一.下载链接: Windows-64bit: http://pan.baidu.com/s/1o6QdKYu 其它版本请移步官网: http://www.sublimetext.com/ 二.破解Li ...

  7. C语言之猜数字游戏

    猜数字游戏 猜数字游戏是以前功能机上的一款益智游戏,计算机会根据输入的位数随机分配一个符合要求的数据,计算机输出guess后便可以输入数字,注意数字间需要用空格或回车符加以区分,计算机会根据输入信息给 ...

  8. Qt5制作鼠标悬停显示Hint的ToolTip

    在日常生活中的使用的软件中,我们经常会遇到这样的情况. 我们在网页上,有些网页链接的文字(比如文章标题,知乎问题标题,百度的词条等)因为太长了,而显示不出来,但是鼠标悬停在上面的时候就可以显示出来.  ...

  9. Java学习笔记51：数组转ArrayList和ArrayList转数组技巧

    ArrayList转数组: public class Test { public static void main(String[] args) { List<String> list = ...

  10. 【Android】: 部分注意事项

    1.用来触发BroadcastReceive的Intent和启动Activity或Service的Intent是不兼容的. 2.当文件名做为ContentProvider查询的一部分返回的时候,不应该 ...