快捷方法:

$.get(url,[data],[callback],[type])
get方法的[data]将被链在url后面
[callback]是请求成功后的回调,可以得到响应数据,如果请求失败,看不到callback返回的内容
[type]是头部content-type定义的数据类型,如果返回的数据不能按照type规定的格式进行转换,也不会得到callback回调,因为被视为失败的请求

============================================================

$.post(url,[data],[callback],[type])
与get不同的是,post的[data]被放在requestBody里面,相对来说比较安全

携带数据的ajax请求方式
$.get('/test?x=1');    可以直接将要发送的数据以 ?+data 的形式写在url后面
$.get('/test' , {x:2});    可以添加第二个参数,以json方式发送数据
$.post('/test',{y:2});   post方法不可以使用?+data 的形式

============================================================
load(url,[data],[callback]) 

注意:load方法不同于前面的get()和post(),它是一个局部方法,必须要一个jQuery对象来调用,如$("#container")

$("#container").load('test');    //当没有[data]参数,是get方式请求
后台使用_GET接收:
router.get('/list',function(req,res){
res.send(toHtml(users));
});

$("#container").load('test',{type:1},function(){alert(1)});   //有[data]参数,为post方式请求,所以从request.body 里得到type,而不是url直接取得
后台使用_POST接收:
router.post('/list',{type:1},function(req,res){
var ret = [];
var type = req.body.type; 
for(var i =0;i<users.length;i++){
if(users[i].type == type){
ret.push([users[i]]);
}
}
res.send(toHtml(ret));
});

function toHtml(users){
var ret = [];
for(var i=0 ;i <users.length;i++){
ret.push("<li>" + users[i].name + "</li>");
}
return "<ul>" + ret.join("") + "</ul>" ;
}

==============================================================================

$.getJSON(url,[data],[callback])  多用于跨域请求
当后台返回的数据类型不是json,这里的callback就不会被执行

==============================================================================

$.getScript('/js/a.js',function(){})
用于动态加载script文件,即 在需要的时候才加载相应的script文件,有利于提高页面的加载速度

Ajax全面基础学习(一)的更多相关文章

  1. Ajax全面基础学习(二)

    两种配置ajax的方式 $.ajax('url',{ 配置ajax}); $.ajax({ url : 'url' 其他ajax配置}) ajax的回调函数 $.ajax('url',{ //请求成功 ...

  2. ajax基础学习

    AJAX即"Asynchronous JavaScript and XML",意思是异步JavaScript和XML,是指一种创建交互式网页的网页开发技术. 虽然现在很少有人去自己 ...

  3. 【Ajax 基础学习】

    http://www.cnblogs.com/guduoduo/p/3681296.html 今天简单的学习了 Ajax 的基础知识,总结在这里.部分代码不是原创,特此说明. [Ajax 简介] AJ ...

  4. 【转】Ajax 基础学习

    今天简单的学习了 Ajax 的基础知识,总结在这里.部分代码不是原创,特此说明. [Ajax 简介] AJAX = Asynchronous JavaScript and XML(异步的 JavaSc ...

  5. ASP.NET MVC基础学习

    ASP.NET MVC基础学习 传统的MVC概念 模型:组类,描述了要处理的数据以及修改和操作数据的业务规则 视图:定义应用程序用户界面的显示方式 控制器:一组类,用来处理来自用户,整个应用程序流以及 ...

  6. salesforce 零基础学习(五十二)Trigger使用篇(二)

    第十七篇的Trigger用法为通过Handler方式实现Trigger的封装,此种好处是一个Handler对应一个sObject,使本该在Trigger中写的代码分到Handler中,代码更加清晰. ...

  7. 如何从零基础学习VR

    转载请声明转载地址:http://www.cnblogs.com/Rodolfo/,违者必究. 近期很多搞技术的朋友问我,如何步入VR的圈子?如何从零基础系统性的学习VR技术? 本人将于2017年1月 ...

  8. IOS基础学习-2: UIButton

    IOS基础学习-2: UIButton   UIButton是一个标准的UIControl控件,UIKit提供了一组控件:UISwitch开关.UIButton按钮.UISegmentedContro ...

  9. HTML5零基础学习Web前端需要知道哪些?

    HTML零基础学习Web前端网页制作,首先是要掌握一些常用标签的使用和他们的各个属性,常用的标签我总结了一下有以下这些: html:页面的根元素. head:页面的头部标签,是所有头部元素的容器. b ...

随机推荐

  1. jquery禁用下拉框

    禁用下拉框 //下拉框禁用 $("select").each(function () { $("#" + this.id).attr("disable ...

  2. 1Z0-053 争议题目解析510

    1Z0-053 争议题目解析510 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 510.You executed the following command in Recover ...

  3. C#如何获取物理网卡,虚拟网卡,以及无线网卡

    就不废话了,直接上代码 /// <summary></summary> /// 显示本机各网卡的详细信息 /// <summary></summary> ...

  4. 浅谈Runloop

    RunLoop 是 iOS 和 OS X 开发中非常基础的一个概念,这篇文章将从 CFRunLoop 的源码入手,介绍 RunLoop 的概念以及底层实现原理.之后会介绍一下在 iOS 中,苹果是如何 ...

  5. proteus 运行出错,用户名不可使用中文!

    仿真的时候提示如图提示 cannot open ’c\user\小名\AppData\local\temp\LISA0089.sdf’ 系统用户名不能是中文! 解决办法:重新建立个账户,记得用英文命名 ...

  6. 【CodeForces 602B】G - 一般水的题2-Approximating a Constant Range

    Description When Xellos was doing a practice course in university, he once had to measure the intens ...

  7. PAT天梯赛练习题 L3-010. 是否完全二叉搜索树(完全二叉树的判断)

    L3-010. 是否完全二叉搜索树 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 将一系列给定数字顺序插入一个初始为空的二叉搜 ...

  8. python学习(一):环境安装及HelloWorld

    一.安装注意事项: 在安装python的第三方库时,(平台是win)要 注意所下载的包的版本,一要与所安装的python版本相对应,同时还有注意操作系统的位数(32位还是64位).下载好后,先将c:\ ...

  9. Html5游戏开发开始前的一些数学基础

    计算一个向量的值 var vectorMagnitude = Math.sqrt(Math.pow(vector.x, 2) + Math.pow(vector.y, 2)); 单位向量 var ve ...

  10. AspNetPager学习使用1

    今天开始研究使用AspNetPager 首先贴上下载链接:http://www.webdiyer.com/aspnetpager/downloads/ 在下载链接中,作者已经提供了使用方法.在这里,本 ...