学习主题:AJAX
学习目标:
1 掌握AJAX的get和post请求
2 掌握AJAX返回json数据 js处理json数据
3 掌握Jquery中的AJAX
对应作业
- ajax异步同步总结和ajax的get请求和ajax的post请求
- 视频中创建ajax.open的总结内容是?
Ajax.open(method,url,ansyc)
Method:请求方式(get,post)
url:请求地址
ansyc:是否设置为异步方式(false,true) false是同步.
- ajax的get请求如何附带请求数据。
直接将数据以键值对的方式拼接在url中.
在ajax.send()中 不需要填写任何数据,因数get方式的数据都存在了URL中.
- ajax的post请求如何附带请求数据。
注意:
必须设置请求数据的格式,不然不能正确的获取数据.
Post方式.将数据放在ajax.send()中,同样是使用键值对的方式进行拼接.
- ajax响应数据问题及json学习
- 视频中明确的ajax使用流程是?
- 创建ajax引擎对象
- 声明监听函数
- 判断ajax状态码
- 判断相应状态吗
- 处理相应
- 判断相应状态吗
- 判断ajax状态码
- 创建并发送ajax请求
- 创建请求(设置请求方式,设置请求地址,设置异步或同步)
- 发送请求
- 根据视频讲解为什么需要json格式响应数据,说出你的理解?
封装对象中的属性和值.
` 易于表达,容易获取.
- ajax获取响应数据的代码是?
- json数据的格式是什么?
键值对
Name:”小王”
- json的作用是什么?
JSON 是轻量级的文本数据交换格式,用于存储键值对形式的数据.
- 使用josn格式完成数据响应
- 视频中在后台手动拼接的User对象的json字符串是?
String u ="{uname:'小凡',pwd:'123',sex:'男',tall:175}";
- eval方法的作用是什么?
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码
- 视频中使用eval方法将json字符串转换对js对象的代码是?
eval("var data="+ajax.responseText);
- gson包的作用是什么?使用哪个方法可以将Java对象转换为对应的json字符串
可以自动将对象中的属性和值,以json的格式拼接成字符串.
New Gson.toJson(Object);
- ajax之用户名校验ajax代码(1)
- 视频中实现用户名校验的思路是什么?
1. 首先获取输入框的内容
2. 将数据发送到服务器
3. 服务器获取数据后将数据与数据库中的数据进行比较
4. 查看此数据是否存在数据库中.
5. 然后在浏览器返回响应的提示信息.
- ajax之用户名校验后台代码完成(2)
- 根据视频完成用户名校验功能。
调用数据库时别忘了释放资源
- 封装自己的ajax
- 为什么要封装ajax代码。
减少冗余代码,方便以后修改.
- 封装的思想是什么?
相同的保留,不同的传参.
- 视频中请求方式的封装内容是?
注意: post方式 需要设置获取数据的格式.
- 视频中封装的deal200的原理是什么?
传入一个参数,在此参数中编写代码.
- jQuery中的ajax学习(1)
- 使用jQuery中的ajax第一步是什么?
引入jQuery文件
- jQuery中get方式的ajax的基本使用格式是?
- $.get的参数及作用
$.get(url,data,fn) 和 $.post(url,data,fn) 用法一样.
url:请求地址
data:请求参数,参数为json格式 {uname:”小红”}
fu:回调函数,注意声明一个形参,用来接收相应数据.
- $.get和$.post的区别是什么?
没区别.
- jQuery中的ajax学习(2)
- $.ajax设置请求方式,设置请求参数,设置同步异步,设置回调函数的属性分别是?