以下介绍Jquery中  Post   Get   Ajax几种异步请求的使用方法 

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Jquery异步请求.WebForm1" %>

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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

     <title></title>

     <script type="text/javascript">

         $(function () {

             //  $.post("Student.ashx", "", function () { },"json");

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

                 var id = $("#stuID").val();

                 //data:    返回的数据：XML/JSON/HTML等

                 //textStatus:  请求状态：success/error/notmodified/timeout 4种 

                 //$.get("GetStudent.ashx", {"id":id}, function (data, textStatus) {

                 //    $.each(data, function (i,value) {

                 //        alert(value["Name"]);

                 //    });

                 //},"json");

                 //    $.post("GetStudent.ashx", {"id": id}, function (data, textStatus) {

                 //        $.each(data, function (i,item) {

                 //            alert(item.Name);

                 //        });

                 //    },"json");

                 //})

                 //alert(responseText);//请求返回的内容

                 //alert(textStatus);//请求状态：success，error

                 //alert(XMLHttpRequest);//XMLHttpRequest对象

                 //全局事件是每次的Ajax请求都会触发的，

                 $.ajax({

                     url: "GetStudent.ashx",                //发送请求的地址

                     type: "Get",                     //请求方式GET/POST，默认GET

                     dataType: "json",                       //预期服务器返回的数据类型

                     global: true,                       //是否触发全局Ajax事件，默认为true（触发）

                     data: { "id": id },             //向服务器发送的数据

                     beforeSend: function (XMLHttpRequest) {

                         //alert("正在加载中");

                         $("#div1").show();

                     },    ///发送请求前调用，可以放一些"正在加载"之类额话

                     complete: function (XMLHttpRequest, textStatus) {

                     },      //请求完成时（成功或失败）

                     success: function (data, textStatus)      //请求成功后的回调函数

                     {

                         $("#div1").hide();

                         $.each(data, function (i, item)    //i：   data中对象成员或数组的索引值

                             //item：  data对应的变量或内容

                         {

                             alert(item.Name);

                         });

                     },

                     error: function (XMLHttpRequest, txtStatus, ErroeThrown) { }     //失败后回调

                 });



                 //fn指回调函数(callback)

                 ajaxStart(fn)

                 ajaxStop(fn)

                 ajaxComplete(fn)

                 ajaxError(fn)

                 ajaxSend(fn)

                 ajaxSuccess(fn)

                 //如果想某个Ajax请求不受全局方式影响

                 $.ajax({

                     global: false

                   })

             })})

     </script>

     <style type="text/css">

          .login{width:200px;border:0px solid #ccc;display:none;position:absolute;top:200px;left:500px;z-index:200}

     </style>

 </head>

 <body>

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

     <div id="div1" class="login">

      <img src="1.gif" />

     </div>

         <input type="text" id="stuID" /><br />

         <input type="button" value="点击按钮" id="btn" />

     </form>

 </body>

 </html>

Jauery 中Ajax的几种异步请求的更多相关文章

  1. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...

  2. js中ajax如何解决跨域请求

    js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操 ...

  3. Vue+axios的四种异步请求，参数的携带以及接收

    Vue中axios发送GET, POST, DELETE, PUT四种异步请求,参数携带和接收问题 web.xml配置如下 1.GET请求 发送GET请求: <!--params是关键字,说明所 ...

  4. Python实现接口测试中的常见四种Post请求数据

    前情: 在日常的接口测试工作中,模拟接口请求通常有两种方法, 利用工具来模拟,比如fiddler,postman,poster,soapUI等 利用代码来模拟,使用到一些网络模块,比如HttpClie ...

  5. MVC中使用JQuery方式进行异步请求和使用自带方式进行异步请求

    在MCV中使用异步请求可以很很高效地进行前台和后台的数据传递,在这里,笔者为初学者介绍两种在MVC中常用的异步请求处理方式. 在这里,我们通过在一个页面中放置一个按钮来异步获取当前服务器端的系统时间为 ...

  6. 在Silverlight中的DispatcherTimer的Tick中使用基于事件的异步请求

    需求:在silverlight用户界面上使用计时器定时刷新数据. 在 Silverlight 中的 DispatcherTimer 的 Tick 事件 中使用异步请求数据时,会出现多次请求的问题,以下 ...

  7. JavaScript中Ajax的get和post请求

    AJAX = 异步 JavaScript和XML(Asynchronous JavaScript and XML) 作用:在不重新加载整个网页的情况下,对网页的某部分进行更新.   两种请求方式: 1 ...

  8. JS中Ajax的同步和异步

    ajax同步 : 意味着此时请求Server后,JS代码不再继续执行,等待Server返回后才继续往下执行. ajax异步 : 意味着此时请求Server后,JS代码继续执行,不管Server什么时候 ...

  9. springMVC 中 ajax get 请求和 post 请求的坑以及参数传递

    1, ajax 请求 无论为 post ,或者 get ,url中带有?形式的参数,后台都能以String类型变量接收,变量名称和参数名称必须一致 前台ajax: $.ajax( "prod ...

随机推荐

  1. MySQL InnoDB类型数据库的恢复

     MySQL的数据库文件直接复制便可以使用,但是那是指“MyISAM”类型的表. 而使用MySQL-Front直接创建表,默认是“InnoDB”类型,这种类型的一个表在磁盘上只对应一个“*.frm”文 ...

  2. go内存泄露case

    用go写了一个守护进程程序:用于检測redis的存活状态并将结果写到zookeeper中,部署到redis机器上.对于每一个redis实例会有一个goroutine每隔固定时间去检測其状态,由主gor ...

  3. 编程题：1. var person = '{name:"Lily",sex:"famale",age:24,country:"US"}';将person转换成JSON对象并便利每个属性值。

    /// <summary> /// Json工具类 /// </summary> public class JsonUtility { private static JsonU ...

  4. XMU 1056 瞌睡 vs 听课 【动态规划】

    1056: 瞌睡 vs 听课 Time Limit: 500 MS  Memory Limit: 64 MBSubmit: 19  Solved: 6[Submit][Status][Web Boar ...

  5. 网络驱动移植之net_device结构体及其相关的操作函数

    内核源码:Linux-2.6.38.8.tar.bz2 在Linux系统中,网络设备都被抽象为struct net_device结构体.它是网络设备硬件与上层协议之间联系的接口,了解它对编写网络驱动程 ...

  6. YTU 2893: F--Mark的双薪

    2893: F--Mark的双薪 时间限制: 1 Sec  内存限制: 128 MB 提交: 230  解决: 17 题目描述 程序员 Mark 编制的 PPYU 游戏终于上线.Mark 认为自己起早 ...

  7. Mac下svn搭建和使用方法

    先安装svn服务器,然后执行以下步骤: 1.创建svn服务器库:svnadmin create ~/Documents/tools/svn/server/code 2.启动svn服务器:svnserv ...

  8. Codeforces round 419 div2 补题 CF 816 A-E

    A Karen and Morning 水题 注意进位即可 #include<bits/stdc++.h> using namespace std; typedef long long i ...

  9. 《Microsoft COCO Captions Data Collection and Evaluation Server》论文笔记

    出处:CVPR2015 Motivation 本文描述了MSCoco标题数据集及评估服务器(Microsoft COCO Caption dataset and evaluation server), ...

  10. bzoj1798 1

    1798: [Ahoi2009]Seq 维护序列seq Time Limit: 30 Sec  Memory Limit: 64 MBSubmit: 5866  Solved: 2079[Submit ...