快捷方法:

$.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. Reveal for mac延长30天试用的简单方法

    在iOS逆向过程中经常使用Reveal来远程查看iOS平台应用的UI布局,但Reveal有30天使用限制,经常隔一段时间想使用的时候发现已经过期了,如图: 此时在OS X中打开命令行终端,输入以下命令 ...

  2. windows 下 gvim/vim lua支持问题,neocomplete等插件支持

    此文是按照知乎 https://www.zhihu.com/question/29333426 "windows下vim的lua支持问题?" 一文汇总的解决方案. 题主提供了不错的 ...

  3. git项目开发版本控制实践

    linux和bsd: 第一, bsd, berkeley software distribution, 伯克利软件套装, 是最开始的unix是开放的, 然后berkeley对unix进行了修改, 形成 ...

  4. List,Set,Map用法以及区别

    List,Set,Map是否继承自Collection接口? 答:List,Set是,Map不是. 如图: Collection ├List │├LinkedList │├ArrayList │└Ve ...

  5. 文件输入流 FileInputStream类 文件输出流FileOutputStream ---转载

    转载自---http://blog.csdn.net/hguisu/article/details/7418161 111:文件输入流: FileInputStream可以使用read()方法一次读入 ...

  6. Ubuntu下输入su - [root]后提示“su:认证失败”

    Ubuntu下,进行用户到管理员切换时,使用命令su - 时,提示输入的是root密码,而在Ubuntu下root的密码起始是随机生成的(后续可由用户自己设置),且ubuntu下只能调用root,不能 ...

  7. SBM is Not Sale And Run Company

    data = """ Well,We will bet you dollars to donuts,there are so many crusher provider ...

  8. 【4】创建一个自己的Bootstrap模板

    什么也不说了,直接贴上代码吧,哈哈 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta ch ...

  9. 安装aptana插件报Error opening the editor. java.lang.NullPointerException

    Aptana的官方网站下载eclipse的插件:  http://update.aptana.com/update/studio/3.2/ ,可以在线安装也可以下载插件后再安装,我是以在线的形式安装的 ...

  10. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(44)-工作流设计-设计表单

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(44)-工作流设计-设计表单 系列目录 设计表单是比较复杂的一步,完成一个表单的设计其实很漫长,主要分为四 ...