Ajax复习
1、标准请求响应时浏览器的动作(同步操作)
1.1 浏览器请求什么资源,跟随显示什么资源
2、ajax:异步请求:
2.1 局部刷新,通过异步请求,请求到服务器资源数据后,通过脚本修改页面中部分内容
3、ajax由javascript推出的
3.1 由jquery对js中ajax代码进行的封装,达到使用方便的效果
4、jquery中ajax分类
4.1 第一层 $.ajax({属性名:值,属性名:值})
4.1.1 是jquery中功能最全的,代码写起来相对麻烦的
4.1.2 实例代码
<script type="text/javascript">
$(function(){
/* url: 请求服务器地址
data:请求参数
dataType:服务器返回数据类型
error:请求出错执行的功能
success:请求成功执行的功能,function(data) data服务器返回的数据
type:请求方式
*/
$("a").click(function(){
$.ajax({
url:'demo',
data:{"name":"张三"},
dataType:'html',
error:function(){
alert("请求出错")
},
success:function(data){
alert("请求成功"+data)
},
type:'POST'
});
return false;
})
});
</script>
4.2 第二层 (简化$.ajax)
4.2.1 $.get(url,data,success,dataType)
4.2.2 $.post(url,data,success,dataType)
<script type="text/javascript" src="js/jquery-1.7.2.js""></script>
<script type="text/javascript">
$(function(){
$("a").click(function(){
$.post('demo',{name:"卡卡"},function(data){
alert("您请求的数据"+data);
});
return false;
})
});
</script>
4.3 第三层 (简化 $.ajax)
4.3.1 $.getJSON(url,data,seccess) 相当于设置$.get中dataType="json"
4.3.2 $.getScript(url,data,success) 相当于设置 $.get中dataType="script"
5、如果服务器返回数据是从表中取出,为了方便客户端操作返回的数据,服务器端返回的数据设置成json
5.1 客户端把json当做对象或数组操作
6、json:数据格式
6.1 JsonObject:json对象,理解成java对象
6.1.1{"key":value,"key":value}
6.2 JsonArray:json数组
6.2.1 [{"key":value,"key":value},{},{}]
Ajax复习的更多相关文章
- AJAX复习笔记
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可况下更新以使网页实现异步更新. 工作原理: AJAX是基于现有的Internet ...
- 前端复习-03-接上面ajax跨域问题的解决与探索
废话不多少 ..我估计一万个人都搞不清楚 什么是跨域 然后就被这堵墙无情的挡住了..我尝试了很多办法解决这个问题.后来再慕课网上的一个老师的ppt那里看到一张图 我觉得 能记住这张图的话 应该就算是深 ...
- 原生js写ajax请求(复习)
今天本地想测试一个接口,不想用框架想用js快速完成,突然发现,我居然忘了这个最基本的代码.好吧,只能复习一波. 在框架泛滥的今天,用惯$.ajax(),axios,superAgent等框架的你们,还 ...
- Python flask+css+js+ajax 综合复习
flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用 request.args.get('变量') 去接收, get ...
- 复习下 AJAX
什么是AJAx:Asynchronous Javascript and XML中文意思:异步JavaScript 和XML批一种创建交互式网页应用的网页开发技术.AJAX优点1.Ajax 在本质上是一 ...
- AJAX结合PHP整理复习
Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互,服务端返回小部分数据,然后更新客户端的部分页面. 下图是一次请求成功 ...
- 复习原生ajax
function ajax(url, fnSucc, fnFaild) { //1.创建 if(window.XMLHttpRequest) { var oAjax=new XMLHttpReques ...
- Ajax知识点复习
1. ajax是什么? * asynchronous javascript and xml:异步的js和xml * 它能使用js访问服务器,而且是异步访问! * 服务器给客户端的响应一般是整个页面,一 ...
- Jquery学习笔记(9)--注册验证复习(未用到ajax)
纯复习,在$(this).val()这里浪费了时间,val()只适合input里面的value值,如果是span等标签里包裹的文本要用text()!! <!DOCTYPE html> &l ...
随机推荐
- hdoj1004(查找众多字符串中个数最多的字符串)
Let the Balloon Rise. 最近开始刷hdoj,想通过写博客做做笔记,记录写过代码. Problem Description Contest time again! How excit ...
- numpy学习之矩阵之旅
一:特殊的矩阵 1.全0全1的矩阵 2.单位矩阵 单位矩阵:整个矩阵是n*n的,并且斜对角全是1 矩阵的加减法 1.矩阵相加,相减必须要有相同的行和列 二:数组的乘法(点成) 数组的乘法 list_1 ...
- Compare Version Numbers(STRING-TYPE CONVERTION)
QUESTION Compare two version numbers version1 and version1.If version1 > version2 return 1, if ve ...
- springmvc+logback项目的日志搭建
一.重写HTMLLayout 两个自定义类:LzhHTMLLayoutBase和LzhHTMLLayout LzhHTMLLayoutBase代码如下: package top.liaozhengha ...
- git bash 基本命令
1.打开git bash界面后,进入某个目录下时时,可以使用cd 命令,cd时change directory的简写,表示改变目录,比如,想切换到某个盘符下,可以使用cd g:,则会进入到g盘路径下, ...
- redis创建集群——[ERR] Sorry, can't connect to node 192.168.X.X
创建集群或者连接时会出现错误:只能用127.0.0.1创建 这是需要修改redis.conf 把bind注释掉 protected-mode no 有些旧版本注释requirepass 技术交流群:8 ...
- javascript中的类型转换(进制转换|位运算)
1:parseInt(string) : 这个函数的功能是从string的开头开始解析,返回一个整数 parseInt("123hua"); //输出 123 parseInt(& ...
- node.js中事件触发器events的使用
node.js是基于事件驱动的,通过events,我们可以方便的创建事件,并通过触发事件来调用我们自定义的监听函数. 所有能触发事件的对象都应该是 EventEmitter 类的实例,一般我们自定义一 ...
- go语言中的数组
package main; import ( "fmt" ) func main() { //声明一个数组 var a [3]int; a = [3]int{1, 2, 3}; / ...
- 将文件转换成byte[]数组
代码 /// <summary> /// 将文件转换成byte[] 数组 /// </summary> /// <param name="fileUrl&quo ...