<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+="姓名: "+data.name+"<br/>";
str+="性别: "+data.sex+"<br/>";
str+="地址: "+data.address+"<br/>";
$("#Div3").html(str);
}
);
});
</script>
Jquery 中Ajax使用的四种情况
时间: 2024-10-12 10:39:02
Jquery 中Ajax使用的四种情况的相关文章
jQuery中ajax的4种常用请求方式介绍_AJAX相关
AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分. jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.aj
jQuery中ajax的4种常用请求方式介绍
AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分. jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.aj
Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType
Jquery中ajax提交表单几种方法(get、post两种方法)
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType
jQuery中Ajax的get、post等方法详解
前面我们讲述了jQuery中ajax的load()方法,小伙伴们反应非常好,今天我们就来讲解下jQuery中Ajax的get.post等方法,希望大家同样能够喜欢. load()方法通常用来从Web服务器上获取静态的数据文件,然而这并不能体现ajax的全部价值. 在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法(或者是$.ajax()方法) $.get()方法使用GET方式来进行异步请求.结构为:$.get(url [, data] [
浅谈jQuery中Ajax事件beforesend及各参数含义_jquery
Ajax会触发很多事件. 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配. $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } // ... }); 全局事件,可以用bind来绑定,用unbind来取消绑定.这个跟click/mousedown/keyup等事件类似.但他
JQuery中$.ajax()方法参数详解及应用
JQuery中$.ajax()方法想必大家并不陌生吧,在本文将为大家介绍下其参数及应用示例,感兴趣的朋友不要错过 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的
jQuery中ajax的使用与缓存问题的解决方法
本篇文章主要介绍了jQuery中ajax的使用与缓存问题的解决方法.需要的朋友可以过来参考下,希望对大家有所帮助 1:GET访问 浏览器 认为 是等幂的 就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] 所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之
Jquery中ajax方法data参数的用法小结
本篇文章主要是对Jquery中ajax方法data参数的用法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", //第一种方式传参 // data: {name:"John",location:"Boston&qu