jQuery提供一系列Ajax函数方便我们调用Ajax, 其中最核心也是最复杂的是jQuery.ajax(),所有的其他Ajax函数都是它的一个简化调用.当我们想要完全控制Ajax时可以使用此结果, 否则还是使用简化方法如get, pos等更加方便. 所以jQuery.ajax(  ) 方法放到最后一个介绍, 先来介绍上层简单方法,值得注意的是Ajax方法必须要在服务器上运行。
 
 
1、$(parent).load( url [, data] [, callback]); 

请求一个HTML页面,并替换为parent的innerHTML

 
例子:
 $(function (){
$("input").click(function (){
var index=$(this).index();
$("div").eq(index).load("h/a"+(index+1)+".html",function (){
$("div").hide();
$("div").eq(index).show();
});
});
});
 
2、$.get( url [, data] [, callback] [, type]);
get方式请求指定的url。
不用解析,变成json对象,直接可用。
 
 $(function (){
$.get("h/login2.php",{
user:"wangyue",
pass:"12345"
},function (str){
alert(str);
});
});
 
3、post的方式获取请求
 $.post("h/login3.php",{user:"wangyue",pass:"12345"},function (data){
console.log(data);
// alert(data.pan.age);
});
 

4、$.getScript(url [, callback]);

加载一段JS并执行

 $.getScript("h/getJs.js",function (data){
alert(data); //弹的是js文件里的内容
});
 
5、$.getJSON(url [, callback]);
加载一段JSON并解析
 $.getJSON('h/index.json', function(json, textStatus) {
console.log(json);
// alert(textStatus);
});
 
 
6、最基础---$.ajax( options );
url:发送请求的URL

type : "get"或"post"
success: 请求成功后的回调函数
data 示例:
"name=abc&age=19"或
{name:"abc",age:19}

timeout : 超时时间(毫秒)
dataType :服务器返回的数据类型。特殊的格式JQ会进行预解析和兼容性修复。可选择的值:
"xml" , "html" , "script" , "json" , "jsonp","text"
beforeSend :在发送请求前,可以添加自定义头部信息等操作。示例:
function(xhr){
xhr;//XMLHttpRequest对象
}

complete:ajax请求完成后的回调函数,无论成功与失败。
error : 失败的回调函数

 $.ajax({
url:"h/login2.php", //url
type:"get", //默认get post
data:{
user:"wangyue", //发送该服务器的数据 接受的是json类型
pass:"12345"
},
dataType:"json", //数据类型 jsonp json html txt ;不加这属性返回的是字符串,加了能够与解析,返回的是对象
success:function (data){ //成功后回调函数
// alert(data);
console.log(data);
},
error:function (){
alert('失败了');
}
});
 
 
 
 $.ajax({
url:"http://suggestion.baidu.com/su",
data:{
wd:"x"
},
dataType:"jsonp",
jsonp:"cb", //回调函数的名字
success:function (data){ console.log(data);
},
error:function (){
alert("失败了");
}
});

关于jQuery中的ajax的方法介绍的更多相关文章

  1. JQuery中的AJAX参数详细介绍

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

  2. Jquery中的delegate()使用方法介绍

    delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数 delegate定义和用法 delegate() 方法为指定的元素(属于被选 ...

  3. jQuery中操作Ajax方法小结

    有时候,越深入去了解一个点,越发觉得自己无知,而之前当自己晓得一两个片面的点还洋洋自得,殊不知,这是多么讽刺 jQery对Ajax操作进行了封装,常见的 ajax()属于最底层的方法,使用频率很高的 ...

  4. 用JQuery中的Ajax方法获取web service等后台程序中的方法

    用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...

  5. $.ajax()方法详解 jquery中的ajax方法

    jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(p ...

  6. jQuery中的$.ajax()方法

    jQuery中的$.ajax()方法 $.ajax({ type:"POST", url:"../page/user.action?userId=" + use ...

  7. jquery中的ajax方法参数

    引用来自:http://www.cnblogs.com/tylerdonet/p/3520862.html jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String ...

  8. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  9. jquery中的ajax方法

    $.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Strin ...

随机推荐

  1. stuts1:(Struts)Action类及其相关类

    org.apache.struts.action.Action类是Struts的心脏,也是客户请求和业务操作间的桥梁.每个Action类通常设计为代替客户完成某种操作.一旦正确的Action实例确定, ...

  2. [Effective Modern C++] Item 4. Know how to view deduced types - 知道如何看待推断出的类型

    条款四 知道如何看待推断出的类型 基础知识 有三种方式可以知道类型推断的结果: IDE编辑器 编译器诊断 运行时输出 使用typeid()以及std::type_info::name可以获取变量的类型 ...

  3. Android的Drawable

    1.获取Drawable的内部宽\高:getIntrinsicHeight/Width.但是并不是所有Drawable都有内部宽高(比如说一个颜色形成的宽高,Drawable的宽高不等于大小,大小是根 ...

  4. Django学习(一) Django安装配置

    上一节介绍了如何搭建Python的开发环境,这次介绍一下如何搭建Django的开发环境. 第一.下载Django Django跟Python的版本对应 Django version Python ve ...

  5. 利用VisualVM监测Azure云服务中的Java应用

    在做Java开发的时候,我们需要在上线之前对程序进行压力测试,对程序的性能进行全面的监控,了解JVM的CPU,内存,GC,classes,线程等等信息,或者在程序上线运行的过程当中以便于诊断问题或者对 ...

  6. Delphi 技巧改造HINT的输出方式

    Delphi中使用提示是如此简单,只需将欲使用Hint的控件作如下设置: ShowHint := True; Hint := ‘提示信息’; 不必写一行代码,相当方便. 但有时我们又想自己定制提示的效 ...

  7. How ASP.NET MVC Works?

    原文地址:http://www.cnblogs.com/artech/archive/2012/04/10/how-mvc-works.html?ADUIN=7783008&ADSESSION ...

  8. 带有OUTPUT的INSERT,DELETE,UPDATE

    原文地址:http://blog.sina.com.cn/s/blog_71460d950100nld2.html OUTPUT是SQL SERVER2005的新特性.可以从数据修改语句中返回输出.可 ...

  9. 在SQL Server中如何快速查找DBCC命令和语法?

    DBCC命令非常好用,但是命令很多语法就很多,如何快速记忆呢?是否都要背下来.其实不用,只要能知道每个命令的作用并且记住DBCC HELP命令就可以了. --查找所有的DBCC命令 DBCC  HEL ...

  10. Python学习入门基础教程(learning Python)--8.1 字典数据添加与删除

             1. 字典数据添加 这个很简单,像赋值那样一项项赋值即可.语法结构如下 dict_obj[key] = value 添加数据项示例如下 >>> d1 = {'cod ...