JavaScript学习笔记

5.表单

 5.1获取表单

document.表单名称

document.getElementId(表单 id)

document.forms[表单名称]

document.forms[索引]

5.2获取表单元素

5.2.1获取input元素：

1通过id获取

2通过form.名称形式获取

3通过name获取

4通过tagName数组

5.2.2获取下拉选项：

1通过name属性值获取：document.getElementByName("name属性值")

2判断单选按钮是否选中：在JS代码中checked=true表示选中，checked=false表示不选中，在HTML标签中checked=checked表示选中，不设置checked属性表示不选中

3获取单选按钮的值：元素.value

5.2.3获取下拉选项：

1获取下拉框对象：var 对象 = document.getElementById("id属性值")

2获取下拉框的下拉选项列表：var options = 下拉框对象.options

3获取下拉框被选中项的索引：var index = 下拉框对象.selectedIndex

4获取下拉框被选中项的值：var 值 = 下拉框对象.value

5获取下拉框被选中项的文本：var 文本值 = 下拉框对象.options[index].text

5.3提交表单

5.3.1使用普通按钮：

1给按钮绑定click点击事件，绑定函数

2在函数中，进行表单校验

3如果校验通过，则手动提交表单

5.3.2使用提交按钮：

1给按钮绑定click点击事件，绑定函数

2函数需要有返回值，返回true或false

3在函数中，进行表单校验

4如果校验通过，返回true；如果校验不通过，则返回false

6.Jquery Ajax

6.1ajax

6.1.1原生Ajax的实现流程：

1得到XMLHttpRequest对象：var xhr = new XMLHttpRequest()

2打开请求：xhr.open(method，uri，async)

3发送请求：xhr.send(params)

4接受响应

6.1.2get

6.1.3post

6.1.4getJSON

注意：

1.post的安全性高于get；如果以get方式请求，请求参数会拼接到url后面，安全性性低，以post方式请求，请求参数会包裹在请求体中，安全性更高
2.数量区别：get方式传输的数据量小，规定不能超过2kb，post方式请求数据量大，没有限制。
3.传输速度：get的传输速度高于post
因为使用方法相同，因此只要改变jQuery函数，就可以将程序在GET请求和POST请求之间切换。运行结果和get一样。