第三阶段-Ajax异步局部刷新
来源:互联网 发布:scratch软件 编辑:程序博客网 时间:2024/05/21 00:00
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
form表单回顾
form的主要功能是用来向服务器端提交数据
form属性:
action属性的作用:提交的路径(服务器的路径)uri
//url与uri的区别
//url:地址、html页面统一资源定位器
//uri:项目内的资源定位
method属性:form提交的传输方式 值:post/get
get提交:地址栏会显示出我们要提交的数据,提交的数据不能超过3k,若提交内容中包含字符串会乱码
post提交:地址栏不会显示提交的数据,也不会乱码
enctype="multipart/form-data"做文件上传时用
name属性一定要存在,为了服务器的识别
onsubmit提交时验证
ajax的使用
ajax分为四步使用
第一步:
得到XMLHttpRequest//如果存在IE6用户,记得做兼容
varxhr = new XMLHttpRequest();
第二步:
open方法
xhr.open("GET","ajax.do",true);
//open方法主要有三个参数
①字符串代表html的请求方式:GET/POST
②表示要访问的地址uri
③boolean值,表示是否异步true/false
第三步:
readyState
xhr.onreadyStatechange=function(){
if(xhr.readyState == 4 &&xhr.status == 200){
//ajax请求,服务器端返回的数据格式只有两种
//json、xml
var ss=document.getElementById("ss");
ss.innerHTML=xhr.responseText;
}
}
第四步:
xhr.send();//括号内可传参数
//post请求传递在send方法中
//get请求传递在第二步中第二个参数a标签是标准的get
- 第三阶段-Ajax异步局部刷新
- jQuery Ajax异步刷新局部页面
- ajax异步加载 实现局部刷新
- JQuery与Ajax实现异步局部刷新
- ajax异步请求,生成表格,局部刷新
- ajax,jquery,$.post/$.get异步刷新div,局部刷新页面
- AJAX.NET 异步调用实现局部刷新CS代码解读
- struts也可以使用ajax异步调用页面局部刷新
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- jQuery实现Ajax异步提交表单实现局部刷新
- 传统方式实现AJAX异步获取数据,局部刷新
- ajax、jquery、jquery模板实现异步表单,局部刷新
- AJAX的原理-如何做到异步和局部刷新
- AJAX的原理-如何做到异步和局部刷新
- JS与Ajax实现异步局部刷新的原理
- ajax在JavaScript的使用:异步传输,局部刷新
- ajax局部刷新
- ajax局部刷新
- 使用vs编译出现 ”error LNK1169: 找到一个或多个多重定义的符号“的错误
- NOIP 2015模拟赛 题解&总结
- 洛谷 P1288 取数游戏II
- FFmpeg 提取多音轨视频文件
- C++的函数模板
- 第三阶段-Ajax异步局部刷新
- 【22.70%】【codeforces 591C】 Median Smoothing
- redies
- CAS单点登录(四)--cas server返回中文用户名时乱码的原因及解决方式
- 算法分析:害死人不偿命的(3n+1)猜想(Java)
- 概念:Inner_Product(IP)层
- 聚类算法总结
- CSS中几种清除浮动法解决高度塌陷
- 程序员书籍