以下介绍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. angularjs学习之六（angularjs中directive指令的一般编程事件绑定 模板使用等）

    angular js 中模板的使用.事件绑定以及指令与指令之间的交互 相应教学视频地址(需FQ):v=aG8VD0KvUw4">angularjs教学视频 <!doctype h ...

  2. Restrictions.or多个条件用法

    两个条件或查询: Restrictions.or(Restrictions.in("username",list1),Restrictions.idEq(1)); 三个或多个条件查 ...

  3. Strus2中关于ValueStack详解

    什么是ValueStack 它是一个接口com.opensymphony.xwork2.util.ValueStack.我们使用它是将其做为一个容器,用于携带action数据到页面.在页面上通过ogn ...

  4. java语法基础（三）

    类和对象 面向对象语言概述 java是一种面向对象的语言,什么是面向对象的语言? 要搞清楚什么是面向对象语言,我们需要相对的了解一下面向过程的语言. java入门阶段,我们又给大家说过一些语言的分类, ...

  5. mysql08---优化01

    Mysql数据库的优化技术 对mysql优化时一个综合性的技术,主要包括 a: 表的设计合理化(符合3NF) b: 添加适当索引(index) [四种: 普通索引(什么都不写).主键索引(有一个主键 ...

  6. ubuntu mysql5.7源码安装

    本系列的lnmp的大框架基本上是按照http://www.linuxzen.com/lnmphuan-jing-da-jian-wan-quan-shou-ce-si-lnmpda-jian-yuan ...

  7. 洛谷P2943 清理——DP

    题目:https://www.luogu.org/problemnew/show/P2943 一眼看去就有个 n^2 的做法:f[i] = min{ f[j] + num( i - j ) * num ...

  8. [转]json.dumps和json.loads区别

    原文json.dumps loads 终于区分出来了 原来每次遇到json loads/dumps始终搞不清方向,写段代码试下: [python] view plain copy print? imp ...

  9. Velocity魔法堂系列一：入门示例（转）

    Velocity魔法堂系列一:入门示例 一.前言 Velocity作为历史悠久的模板引擎不单单可以替代JSP作为Java Web的服务端网页模板引擎,而且可以作为普通文本的模板引擎来增强服务端程序文本 ...

  10. Asp.net MVC 中Code First 迁移使用

    如果模型类(数据库上下文类Context和POCO类)发生改变,与数据库中的结构不一致,系统默认会抛出一个异常.可以考虑使用代码优先迁移. 代码优先迁移执行UpSert数据库操作,它在每一次更新数据库 ...