Table of Contents
\
”) 把所有匹配元素用其他元素包裹起来
- 不用传参数,把所有匹配元素父节点去掉
- 将所有匹配的元素用单个元素包裹起来
9.jquery遍历
-
父子关系
- children()
- parent()
-
祖先节点
- parents()
- closest()
-
兄弟节点
- prev()
- prevAll()
- next()
- nextAll()
- siblings()
JS节点操作
- createElement()
- createTextNode()
- appendChild()
- getElementById()
- removeChild()
- remove()
- repleacChild()
2.灵感代办
- 复习jq和jq的属性方法
3.学习内容
-
Json
-
1.前端传递JSON到后端
-
1.前端:将数据封装成对象或者数组
-
param = {
uname:"wangxx",
uage:30,
ugender:"male"
}
-
2.前端:将JS对象转换成JSON格式的字符串
- 方法:json.stringify(param)
-
3.服务端接收字符串,然后进行处理
- 方法:json.loads()
- 注意和JQ的ajax方法做区分
-
JQ使用AXAJ
-
1.$obj.load(url,data,callback)
- 作用:载入远程的HTML文件到指定元素中
- 使用:自己的网页想要嵌入别人的网页使用
- 语法:
-
$obj.load(url,data,callback)
- obj:是一个jq对象(远程html展示的地方)
- url:是服务器地址
- data:请求参数,可以为空
- 方式1:字符串传参
- “key=value&key2=value2” 不需要起名字
- 使用GET方式发送请求
- 方式2:使用js对象传参
- {key:”value”,key2:”value2”}
- 使用POST发送请求
- callback:响应成功之后的回调函数(可以为空)
-
2.$.get(url,data,callback,type)
-
作用:通过get方法异步发送请求
-
url:请求地址
- data:是参数(字符串或者js对象)
- callback:响应成功的回调函数 有一个参数
- type:响应回来的数据格式(要么json,要么不用)
- html:html文本
- text:普通文本
- script:响应回来的js执行脚本(不常用)
- json:json数据(推荐)
-
3.$.post()
- 同$.get()方法一样
- 需要token验证
-
4.$.ajax({AJAX的参数对象})
- #### AJAX的对象的参数(传递的要是一个对象)
- 1.url:异步请求地址
- 2.data:请求到服务器的参数
- 字符串和JS对象
- 3.type:请求方式
- get和post
- 4.dataType:服务器端响应回来数据的格式
- 5.async:是否异步请求
- 6.success:响应成功回调的函数,有一个参数是响应回来的数据
- 7.error:请求或者响应失败时候的回调函数
- 要注意dataType参数大小写
-
跨域 Cross Domain
-
1.什么是跨域
- HTTP协议中的一个策略 - “同源策略”
- 同源:多个地址中(url),相同协议(http,https等等),相同域名,相同端口的地址称为同源地址
- 同源地址才能发送AJAX请求
- 两个标签不被同源限制 (script img)
-
2.什么时候使用跨域
- 使用第三方API,比如天气预报
- 分担服务器压力,架设在多个服务器上
-
3.使用方法
-
1.script方式跨域
- 动态的创建一个script节点,加载远程js文件,需要远程文件内容符合js语法,否则会报js语法错误
- 推荐:在html中写好js函数,服务器返回js语句调用js函数(可以将函数名传递给服务器)
4.扩展延伸知识
-
json规定要用
- 要用双引号
-
jq.get()方法如何解析参数
-
python json中的dumps和loads等参数
-
django中queryset和querydict
- queryset是数据库查询戳来的
- querydict是post和get方法获取
-
Jquery 的循环操作
- jq.each(function(i,obj){})
- i是循环数,obj是每个对象
-
网络回环地址
- localhost和127.0.0.1
-
Javascript中script标签中创建script标签
- 需要转义\<script><\/script>
5.知识内容个人梳理
6.今天都复习了之前的什么内容
-
Json
-
1.前端传递JSON到后端
-
1.前端:将数据封装成对象或者数组
-
param = { uname:"wangxx", uage:30, ugender:"male" }
-
2.前端:将JS对象转换成JSON格式的字符串
- 方法:json.stringify(param)
-
3.服务端接收字符串,然后进行处理
- 方法:json.loads()
- 注意和JQ的ajax方法做区分
-
-
-
JQ使用AXAJ
-
1.$obj.load(url,data,callback)
- 作用:载入远程的HTML文件到指定元素中
- 使用:自己的网页想要嵌入别人的网页使用
- 语法:
-
$obj.load(url,data,callback)
- obj:是一个jq对象(远程html展示的地方)
- url:是服务器地址
- data:请求参数,可以为空
- 方式1:字符串传参
- “key=value&key2=value2” 不需要起名字
- 使用GET方式发送请求
- 方式2:使用js对象传参
- {key:”value”,key2:”value2”}
- 使用POST发送请求
- 方式1:字符串传参
- callback:响应成功之后的回调函数(可以为空)
-
-
2.$.get(url,data,callback,type)
-
作用:通过get方法异步发送请求
-
url:请求地址
- data:是参数(字符串或者js对象)
- callback:响应成功的回调函数 有一个参数
- type:响应回来的数据格式(要么json,要么不用)
- html:html文本
- text:普通文本
- script:响应回来的js执行脚本(不常用)
- json:json数据(推荐)
-
-
3.$.post()
- 同$.get()方法一样
- 需要token验证
-
4.$.ajax({AJAX的参数对象})
- #### AJAX的对象的参数(传递的要是一个对象)
- 1.url:异步请求地址
- 2.data:请求到服务器的参数
- 字符串和JS对象
- 3.type:请求方式
- get和post
- 4.dataType:服务器端响应回来数据的格式
- 5.async:是否异步请求
- 6.success:响应成功回调的函数,有一个参数是响应回来的数据
- 7.error:请求或者响应失败时候的回调函数
- 要注意dataType参数大小写
- #### AJAX的对象的参数(传递的要是一个对象)
-
-
跨域 Cross Domain
-
1.什么是跨域
- HTTP协议中的一个策略 - “同源策略”
- 同源:多个地址中(url),相同协议(http,https等等),相同域名,相同端口的地址称为同源地址
- 同源地址才能发送AJAX请求
- 两个标签不被同源限制 (script img)
-
2.什么时候使用跨域
- 使用第三方API,比如天气预报
- 分担服务器压力,架设在多个服务器上
-
3.使用方法
-
1.script方式跨域
- 动态的创建一个script节点,加载远程js文件,需要远程文件内容符合js语法,否则会报js语法错误
- 推荐:在html中写好js函数,服务器返回js语句调用js函数(可以将函数名传递给服务器)
-
-
4.扩展延伸知识
-
json规定要用
- 要用双引号
-
jq.get()方法如何解析参数
-
python json中的dumps和loads等参数
-
django中queryset和querydict
- queryset是数据库查询戳来的
- querydict是post和get方法获取
-
Jquery 的循环操作
- jq.each(function(i,obj){})
- i是循环数,obj是每个对象
-
网络回环地址
- localhost和127.0.0.1
-
Javascript中script标签中创建script标签
- 需要转义\<script><\/script>
5.知识内容个人梳理
6.今天都复习了之前的什么内容
json规定要用
- 要用双引号
jq.get()方法如何解析参数
python json中的dumps和loads等参数
django中queryset和querydict
- queryset是数据库查询戳来的
- querydict是post和get方法获取
Jquery 的循环操作
- jq.each(function(i,obj){})
- i是循环数,obj是每个对象
网络回环地址
- localhost和127.0.0.1
Javascript中script标签中创建script标签
- 需要转义\<script><\/script>
6.今天都复习了之前的什么内容