文档章节

记录ajax学习点滴

一个破名想半年
 一个破名想半年
发布于 2016/11/09 20:30
字数 535
阅读 6
收藏 0

ajax是前端的一项jQuery技术,用于处理页面的局部刷新和异步请求提交。

一般有$.get $.post $.ajax 三种形式,其中$.get运用较少,它的提交请求是get形式。$.post是ajax高层次的体现,相对于$.ajax的底层实现,这两种方式使用的都比较广泛。

1.$.ajax

先来贴出$.ajax的代码的几种实现方法和不同用途:

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

此段代码用于加载一个js文件。

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

此段代码用于提交数据到后台并返回成功是弹出消息提示框。

最常用的$.ajax方法就是上面这一种。下面来看看$.post方式。

2.$.post

描述:

请求 test.php 网页,忽略返回值:

$.post("test.php");

描述:

请求 test.php 页面,并一起发送一些额外的数据(同时仍然忽略返回值):

$.post("test.php", { name: "John", time: "2pm" } );

描述:

向服务器传递数据数组(同时仍然忽略返回值):

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

描述:

使用 ajax 请求发送表单数据:

$.post("test.php", $("#testform").serialize());

描述:不带参数到后台

输出来自请求页面 test.php 的结果(HTML 或 XML,取决于所返回的内容):

$.post("test.php", function(data){
   alert("Data Loaded: " + data);
 });

描述:带参数到后台

向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容):

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

描述:

获得 test.php 页面返回的 json 格式的内容:

$.post("test.php", { "func": "getNameAndTime" },
   function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
   }, "json");

 

说了这么多,来总结下两者的区别。

 POST 请求较简单, $.ajax 则功能强大且复杂并且请求成功时可调用回调函数。

如果需要在出错时执行函数,请使用 $.ajax。

© 著作权归作者所有

一个破名想半年
粉丝 0
博文 16
码字总数 9936
作品 0
青浦
私信 提问
1+1=2的 blog 文章索引

百度空间中 原blog部分文章 索引:http://hi.baidu.com/cyclone/home Qt Bugs 通过 Qt Bugs 学习 Qt 似乎是一个不错的方法。 QString之arg使用一则 QTBUG-19027 QMainWindow上下文菜单内存泄...

晨曦之光
2012/05/08
309
0
.Net学习资料

1.博客系列文章 (1)设计模式 吕震宇 设计模式 张逸:晴窗笔记 Design & Pattern 梦幻Dot Net .Net设计模式 李会军 .NET设计模式系列文章 C#面向对象设计模式纵横谈系列课程 (2).net 2.0 海东的...

长征2号
2017/12/28
0
0
我的Linux自学之路

作为一只菜鸟,并且没有任何Linux的经验,我从网上下载的视频自学Linux。欢迎各位新手或大师指点,开通博客意在记录自己学习的点滴。 由于项目在公安行业内,系统的版本无法跟现代的大型网后...

枕着稻香
2017/05/03
0
0
我的第一篇博客---初次尝试

工作2年多后,有个想法,想把学习成长的点滴记录成文字分享。 这是个技术博客吧。 我之前是做外贸的,2年来兜兜转转,总是不得志。 为了提高收入,有更好的生活,更为了有资本实现理想。 17...

梦猫人
2017/05/25
0
0
2019人工智能学习路线图(怎么学好人工智能)

当前和未来两年,人工智能是技术行业的发展主流。用来开发机器学习主要有三门语言:Python Java C++,其中Python是主流。人工智能培训讲师哪个好?想必不用我强调,大家也清楚2019人工智能学...

QF _AI+python
01/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CAP和BASE理论

CAP和BASE理论 CAP理论和BASE理论是分布式系统的“基石”,论述了分布式系统的能力边界。 CAP理论 CAP理论指出对于一个分布式数据存储系统中,不可能同时满足以下三点: 一致性(Consistency...

陶小陶
15分钟前
2
0
库克称未来十年这项技术非常重要

苹果全球WWDC奖学金得主小型交流会召开,此次交流会共有来自全球的12名WWDC19奖学金获得者参与,其中有两名中国开发者。两名年轻的中国学生在自己的应用设计中都利用了苹果的ARKit工具,通过...

linuxCool
26分钟前
3
0
使用Navicat连接阿里云服务器宝塔面板里创建的数据库

今天试着使用了Navicat去连接阿里云轻量服务器的数据库,报10060错误,解决方法如下: 数据库设置【权限】为 “所有人”,之后进行下一步的设置: 在宝塔的【安全】选项 -> 【防火墙】->放行...

htdp
28分钟前
1
0
git强制覆盖本地命令

git强制覆盖: git fetch --all git reset --hard origin/master git pull git强制覆盖本地命令(单条执行): git fetch --all && git reset --hard origin/master && git pull...

chenhongjiang
41分钟前
2
0
10分钟详解Spring全家桶7大知识点

Spring框架自诞生以来一直备受开发者青睐,有人亲切的称之为:Spring 全家桶。它包括SpringMVC、SpringBoot、Spring Cloud、Spring Cloud Dataflow等解决方案。 很多研发人员把spring看作心目...

peakedness丶
43分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部