AJAX异步提交
2019-04-28 08:15
99 查看
ajax,简单来说就是无需加载整个页面,能更新部分网页
首先要创建XMLHttpRequest对象,object = new XMLHttpRequest(),这是绝大部分浏览器都支持的写法,但IE5和IE6却不支持XMLHttpRequest,这时就要使用ActiveX对象,object = new ActiveXObject(“Microsoft.XMLHTTP”);所以这里我们可以去判断浏览器是否支持XMLHttpRequest去创建
接着就是向服务器发送请求
xmlhttp.open(method,url,async);
xmlhttp.send(string)
method是请求的类型,可以选择GET或POST,url就是要请求的方法位置,async是同步(true)还是异步(false),默认为false,string传过去的数据,
这里list是把文本绑定的数据传输过去
当服务器响应完,属性readyState改变,就会触发onreadystatechange事件,readyState属性存有XMLHTTPRequest的状态信息
0:请求未初始化
1:服务器连接已建立
2:请求已接收
3:请求处理中
4:请求已完成,且响应已准备就绪
status为200就是成功,404未找不到页面,这里responseText就是请求成功返回的数据
相关文章推荐
- AJAX异步提交表单
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- 利用ajaxSubmit无刷新异步上传导入Excel,无刷新提交表单
- 前端通过AJAX提交数据,后台PHP处理数据实现异步操作基本流程
- TP 框架 ajax[利用异步提交表单]
- ajax异步提交
- 表单提交前onclick使用reuturn时,ajax请求同步异步的一点注意事项
- 点击后变为可编辑状态(ajax异步提交)
- 使用ssm框架 通过ajax异步提交数据具体实现方法
- ajax异步表单提交,并实现文件上传
- ajax文件异步提交的实现
- jQuery选取所有复选框被选中的值并用Ajax异步提交数据
- ajax案例---以GET和POST方式异步提交数据给后台
- extJs常用的四种Ajax异步提交
- ajax提交的同步与异步
- Struts2的Ajax表单异步方式提交表单请求
- ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
- ajax异步提交form
- servlet3.0以上form表单提交(ajax异步提交)
- jQuery实现Ajax异步提交表单实现局部刷新