以下介绍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. eclipse下对中文乱码问题的一些思考

    一.浏览器问题 当你的html页面或jsp页面没有显式声明页面编码的时候,也就是没有下面其中之一的代码 <meta http-equiv="content-type" con ...

  2. ArrayAdapter requires the resource ID to be a TextView

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABDUAAADFCAIAAADLz168AAAgAElEQVR4nO2d368kxZXnQ37dn9qdWa

  3. Activity动态添加Fragment时遇到的问题

    1.Activity动态调用代码 TitleFragement a = new TitleFragement();        getFragmentManager().beginTransacti ...

  4. JSON使用总结

    参考网站 官网: http://www.json.org/ 菜鸟教程:http://www.runoob.com/json/json-tutorial.html 什么是 JSON ? JSON 指的是 ...

  5. linux下信息分屏显示

    在字符界面下,经常遇到ls之后信息太长,只能看到最后一页的信息,这时就需要分屏显示了. 常用: ls | less 这样就可以分屏显示了,并可以用PgUp和PgDn来上下翻页. 也可以用: ls | ...

  6. linux kernel编译配置相关

    1 配置界面的搜索功能 “/”可以进行模块搜索,搜索结果里面还有依赖信息.非常方便. 2 在使用纯内核,不实用module的时候,很多情况下出错是因为相应的特性为编译进内核 案例一: 块设备已经发现了 ...

  7. BZOJ1016 &amp;&amp; JSOI2008] 最小生成树计数

    题目链接:id=1016">点击打开链接 裸题 #pragma comment(linker, "/STACK:1024000000,1024000000") #i ...

  8. Android5.1修改以太网MAC地址（SElinux）【转】

    本文转载自:http://blog.csdn.net/LoongEmbedded/article/details/71477203 最近高通平台Android5.1项目中有个关于设置以太网MAC的需求 ...

  9. POJ - 2516 Minimum Cost（最小费用最大流）

    1.K种物品,M个供应商,N个收购商.每种物品从一个供应商运送到一个收购商有一个单位运费.每个收购商都需要K种物品中的若干.求满足所有收购商需求的前提下的最小运费. 2.K种物品拆开来,分别对每种物品 ...

  10. 【转】Google 发布 Android 性能优化典范（比较老，但很实用）

    2015年伊始,Google发布了关于Android性能优化典范的专题, 一共16个短视频,每个3-5分钟,帮助开发者创建更快更优秀的Android App.课程专题不仅仅介绍了Android系统中有 ...