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. C - N皇后问题(搜索)

    Description 在N*N的方格棋盘放置了N个皇后,使得它们不相互攻击(即任意2个皇后不允许处在同一排,同一列,也不允许处在与棋盘边框成45角的斜线上. 你的任务是,对于给定的N,求出有多少种合 ...

  2. Linux系统目录（转载）

    /         (这就是著名的根)├── bin         (你在终端运行的大多数程序,比如cp.mv...)├── boot         (内核放在这里,这个目录也经常被作为某个独立分 ...

  3. 分支-15. 日K蜡烛图(15)

    #include<iostream> using namespace std; int main(){ float o,h,l,c; while(cin>>o>>h ...

  4. GCC -Wall

    官网:http://gcc.gnu.org/onlinedocs/gcc-4.7.2/gcc/Warning-Options.html#Warning-Options3.8 Options to Re ...

  5. 英文:known good assembly(KGA) / 中文:确认好的组装件，已知好组装件

    英文:known good assembly(KGA) / 中文:确认好的组装件,已知好组装件 正确地操作印制板装配,并可作为标准件与其它同类型装配件比较的组装.也称黄金组装.

  6. 图的BFS代码

    图是严蔚敏书上P168的图, 图的邻接表存储,DFS可以看以前写的文章:http://www.cnblogs.com/youxin/archive/2012/07/28/2613362.html ]; ...

  7. linux常用命令加实例大全

    目  录引言    1一.安装和登录    2(一)    login    2(二)    shutdown    2(三)    halt    3(四)    reboot    3(五)    ...

  8. Tomcat7 + JRebel6.3.0 + IntelliJ idea 热部署配置过程+错误分析

    以前使用Tomcat的时候直接就可以热部署,现在换了一个使用Spring框架的项目突然就不能热部署了. 网上说在tomcat里conf/context.xml中加入 <Context antiJ ...

  9. 建房子之前先挖地基 - Java BlockingQueue理解

    最近一直在看<Think In Java>里关于并发部分的章节,读到第二十一章有一个有趣的比喻:必须先挖房子的地基,但是接下来可以并行的铺设钢结构和构建水泥部件,而这两项任务必须在混凝土浇 ...

  10. Exam（贪心）

    Exam Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...