Jquery 中Ajax使用的四种情况

<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>

时间: 2024-11-08 18:22:55

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

java中内部类的创建四种情况,三种方式,及内部数据访问权限

内部类和外部类的关系,及内部静态类的数据访问权限,声明方式. 第一种,在外部类内部声明使用内部类,内部类的类型为static和非 static类型,内部类数据类型为private,protected,public 类型的访问权限.外部类为非静态声明和权限如下: package com; public class Test1 { //@author 张春蕾 private class Name{ private int i =1; public int s = 2; protected int m

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

jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.ajax({ type: "post", dataType: "

你知道web项目中Http请求与响应的四种情况吗

[四种情况]: HttpRequest.HttpResponse.HttpServletRequest.HttpServletResponse[什么是HTTP?]超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议.HTTP在客户端和服务器之间以request-response protocol(请求-回复协议)工作.[Http常用的两个方法]get - 从指定的服务器中获取数据post - 提交数据给指定的服务器

JQuery中Ajax的操作

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现:而Spring进行了对各种对象的管理进行封装,提供了AOP编程的方式,大大方便了我们:而Hibernate和IBatis则是对JDBC代码进行封装,不需要我们每次都写那些重复而繁杂的JDBC代码. 前台呢,对于页面一些效果,验证等,我们都是通过JavaScript语言进行完

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

http://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE

jQuery中Ajax事件beforesend及各参数含义

jQuery中Ajax事件beforesend及各参数含义 2014-01-21 22:27 1678人阅读 评论(0) 收藏 举报  分类: jquery(36)  转自:http://blog.sina.com.cn/s/blog_609f9fdd0100wprz.html Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配. $.ajax({ beforeSend: function(){ // Handle the befor

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

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. timeout Number 设置请求超时时间(毫秒).此设置将覆盖全局设置. async

Jquery中AJAX

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. timeout Number 设置请求超时时间(毫秒).此设置将覆盖全局设置. async

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项