JS表单
获取表单:
四种常用方式:
1、document.表单名称
2、document.getElementById(表单 id);
3、document.forms[表单名称]
4、document.forms[索引]; //从 0 开始
获取表单元素:
获取表单元素
1.获取input元素
1.document.getElementById( "id属性值");
通过元素的id属性值获取表单元素对象
2.表单对象.表单元素的name属性值;
通过表单对象中对应的元素的name属性值获取
3. document.getELementsByName( "name属性值");
通过表单元素的name属性值获取
4. document.getELementsByTagName("标签名/元素名");
通过标签名获取表单元素对象
2,获取下拉选项对象
1、获取select对象
var ufrom = document.getElementById("ufrom");
2、获取选中项的引索
var idx = ufrom.selectedIndex;
3、获取选中项 options 的 value属性值
var val = ufrom.options[idx].value;
4、获取选中项 options 的 text
var txt = ufrom.options[idx].text;
提交表单
(1)使用普通button按钮+onclick事件+事件中编写代码:
获取表单.submit();
(2)使用submit按钮 + οnclick="return 函数()" +函数编写代码:
最后必须返回:return true|false;
(3)使用submit按钮/图片提交按钮 + 表单οnsubmit="return 函数();" +函数编写代码:
最后必须返回:return true|false;
Jquery Ajax
原生Ajax实现的流程
1、得到XMLHttpRequest对象;
var xhr = new XMLHttpRequest();
2、打开请求
xhr.open(method,url,async);
method:请求方式,通常是GET|POST
uri:请求地址
async:是否异步。ture表示异步,false表示同步
3、发送请求
xhr.send(params);
params:请求时需要传递的参数
4、响应接收
xhr.status 响应状态 (200 = 响应成功 404 = 资源未找到 500 = 服务器异常)
xhr.responseText 得到响应结果