<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
    <script type="text/javascript" language="javascript">
    $(document).ready(function(){   //Jquery 页面加载事件,当页面加载之后首先执行这个方法
        
        //第一种Ajax请求
        $.ajax({
            type:"GET",        //请求类型,有get,post等类型,和表单提交是一样的

    url:"Result.aspx", //请求处理的页面,就是说由那个页面捕获请求,同样这个路径可以换成ashx,一般处理程序

            data: "name=John&location=Boston",  //传递参数,实在就是(Result.aspx?name=John&loaciton=Boston)
            success:function(msg){  //请求成功会由这个方法处理,其中请求成功返回值由msg接收
                $("#ajaxDIV").text(msg);
            }
        });
        
        
        //第二种请求
        $.get(                             //用get请求方式,其实就是上一种的变体
            "Handler.ashx",      
            {name:"笨笨熊",sex:"女"},  //要传递的参数,解析为(Handler.ashx?name=笨笨熊&sex=女)
            function(msg){             //请求返回参数
                $("#Div1").text(msg);
            }
        );
        
        //第三种请求
        $.post(                              //这种请求的上一种是一样的,只是请求方式不同
            "Handler2.ashx",
            {name:"benben 笨笨熊",sex:"女"},
            function(msg){
                $("#Div2").text(msg);
            }
        );
        
        
        //第四种请求
        $.getJSON(                         //这种是用JSON 实现的,JSON是一种通用的数据格式
            "Handler3.ashx",    //路径
            {name:"aaa"},      //传递参数
            function (data){   //回调处理函数 返回的就是json数据格式,由data接收这串数据
                var str="";         //下面就是解析这些数据,具体接送的使用但不做考虑,设计内容很多,一时无法讲解
                str+="姓名:&nbsp;&nbsp;"+data.name+"<br/>";
                str+="性别:&nbsp;&nbsp;"+data.sex+"<br/>";
                str+="地址:&nbsp;&nbsp;"+data.address+"<br/>";
                $("#Div3").html(str);
            }
        );
    });
    </script>

Jquery 中Ajax使用的四种情况的更多相关文章

  1. 从零开始学习前端JAVASCRIPT — JavaScript中this指向的四种情况

    JavaScript中this的四种情况(非严格模式) 1.当this所在函数是事件处理函数时,this指向事件源.2.当this所在函数是构造函数时,this指向new出来的对象.3.this所在函 ...

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

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

  3. jquery中ajax的使用

    Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进 ...

  4. 关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

  5. [转]Jquery中AJAX错误信息调试参考

    下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...

  6. 转载 Jquery中AJAX参数详细介绍

    Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ...

  7. jQuery中开发插件的两种方式

    jQuery中开发插件的两种方式(附Demo) 做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数 ...

  8. Jquery中AJAX参数详细(1)-转

    http://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html Jquery中AJAX参数详细列表: 参数名 类型 描述 url S ...

  9. Jquery中AJAX参数详细介绍

    Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ...

随机推荐

  1. Cookie和Session在Node.JS中的实践(一)

    Cookie和Session在Node.JS中的实践(一) Cookie和Session是一个非常有趣的概念,也是一个老生常谈的话题.然而,作者看了许多文章,也翻看了几本书籍,它们对Cookie和Se ...

  2. 最基础的java

    一.Window中常见的dos命令 在哪里操作dos命令: Win7 ---> 开始  ---->所有程序--->附件---->命令提示符 Win7-->  开始  -- ...

  3. spring线程并发处理(ThreadLocal)

    我们知道Spring通过各种DAO模板类降低了开发者使用各种数据持久技术的难度.这些模板类都是线程安全的,也就是说,多个DAO可以复用同一个模板实例而不会发生冲突. 我们使用模板类访问底层数据,根据持 ...

  4. HTTP抓包工具Fiddler

    http://blog.csdn.net/kobejayandy/article/details/16908261

  5. mysql-cluster集群(亲测)

    重要说明:mysql-cluste与非集群时用的mysql-server与mysql-client没有任何关系,mysql-cluste安装包中已自带了集群用的server与client,启动mysq ...

  6. 在Android App中集成Google登录

    技术文章 来源:码农网 发布:2016-09-19 浏览:194 摘要:今天,几乎所有的web和移动app都自带谷歌和Facebook登录,这对app开发者和用户来说是一个非常有用的功能,因为几乎每个 ...

  7. Spring MVC 解读——<mvc:annotation-driven/>

    Spring MVC 解读——<mvc:annotation-driven/> 一.AnnotationDrivenBeanDefinitionParser 通常如果我们希望通过注解的方式 ...

  8. Java高级特性—消息队列

    1)什么是jms JMS即Java消息服务(Java Message Service)应用程序接口是一个Java平台中关于面向消息中间件(MOM)的API. 它便于消息系统中的Java应用程序进行消息 ...

  9. 2017.7.25 jqGrid在编辑态无法获取数据,得到的是html代码

    页面如下: 勾选555之后,点击下方的删除按钮,调用如下代码: 最终调用的是jqGrid的getRowData()方法: 但是运行时发现,无法获取key的值,也就无法正确删除了.获取到的是html代码 ...

  10. Powershell 远程管理

    一直使用 mstsc,为了防止墨菲定律,准备一些备用方案 环境,win10 to win12 winrm是windows 一种方便远程管理的服务: 首先要开启winrm service,便于在日常工作 ...