Ajax:异步js和xml
如果通过之前的转发,或者重定向,很多问题没法解决
比如我给某个视频点个赞,你经过转发或者重定向,最后虽然点赞成功了,但页面刷新了,视频从头开始放了。
异步刷新:如果网页某一个地方需要修改,异步刷新可以使:只需要修改的地方改
实现:
a. js方式:严格依赖于XMLHttpRequest
XMLHttpRequest对象的方法:
open(方法名(),服务器地址,true):与服务端建立连接
true:表示是异步刷新
方法名:就是提交方式 get post
send():
1.get() :send(null)
2.post(): send(参数值)
setRequestHeader(header,value)
get不需要设置此方法
post:需要设置:1.如果请求元素包含了文件上传:setRequestHeader("Context-Type",multipart/form-data)
不包含文件上传setRequestHeader("Context-Type","application/x-www-form-urlencoded")
XMLHttpRequest对象的属性:
readyState:请求状态 0,1,2,3都表示未完成,只有4表示完成
status:响应状态 200 404 500,只有200代表响应正常
onreadystatechange:回调函数
responseText:响应格式,即返回格式为text
reponseXML:响应格式,即返回格式为xml
b. jquery方式 推荐用这种方式
$.ajax(){
url:服务器地址
请求方式:get|post
data:请求数据
success:function(result,testStatus){
}
error:function(xhr,errorMessage,e){
}
$.get(//因为只有value,没有key,所以严格要求顺序
服务器地址,
请求数据,
function(result){
}
预期返回值类型(String\xml)
);
$.post(
服务器地址,
请求数据,
function(result){
}
预期返回值类型(String\xml) xml json text
);
}
$.load(
服务器地址,
请求数据,
);
);
load:将服务端的返回值,直接加载到$(xxx)所选择的元素中
$.getJSON();
eg:
var student={"name":"zs", "age":23}
var students=[
["name":"zs", "age":23],
["name":"ls", "age":24],
["name":"ww", "age":25]
]
$.getJSON(){
服务器地址
JSON格式的请求数据
}
Ajax:异步js和xml相关推荐
- AJAX (异步 javascript 和 xml)
用 form 可以发请求,但是会刷新页面或新开页面 用 a 可以发 get 请求,但是也会刷新页面或新开页面 用 img 可以发 get 请求,但是只能以图片的形式展示 用 link 可以发 get ...
- js(三) ajax异步局部刷新技术底层代码实现
ajax 异步 javaScript and xml 开发五步骤: 1. 创建对象 XMLHttpRequest(chrome,firefox) ie... jquery 2. 找到连接, http的 ...
- 网页上ajax异步加载数据,网页的异步请求(Ajax)
JS原生Ajax操作(XMLHttpRequest) GET请求 var xmld=new XMLHttpRequest(); xmld.open("GET","wan. ...
- AJAX 异步请求详细教程
文章目录 AJAX 异步请求 简介 Jquery 版 Ajax $.ajax() -- Jquery提供的 ajax 函数 注册验证用户名是否可用 $.get() 与 $.post() Ajax 返回 ...
- 从浅到深,带你彻底搞懂AJAX异步请求
在平时开发过程中,异步请求似乎比同步请求出现的频率还要高一些.这是为什么呢?在同步请求时如果对网页的部分内容进行更新时,是不是就必须重载整个页面.这样肯定是不行的,这时就可以采用异步请求来解决此问题. ...
- ajax异步修改新闻状态,ajax同步刷新
[ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...
- AJAX 异步加载技术
AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个 ...
- [Ajax]异步的 JavaScript 和 XML:Ajax入门教程(整理)
首先先来解释一下什么是 AJAX . 简单来说AJAX = 异步 JavaScript 和 XML, 是一种用于创建快速动态网页的技术. 它不是一种编程语言,而是一种规范. Ajax的主要功能是:通过 ...
- Ajax异步请求的步骤
Ajax的定义 AJAX = 异步 JavaScript 和 XML. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. AJAX可以用于快速创建动态网页,通过在后台与服务器进行少 ...
最新文章
- cloudera manage 4.8.6做hive元数据库主从同步后
- 【学习笔记】高等数据基础
- Eclipse中要导出jar包中引用了第三方jar包怎么办
- android 知识点大全,Android基础知识总结(一)
- 网络爬虫中的验证码识别
- linux nginx django,如何在Linux下使用Nginx部署Django项目
- 大型网站技术架构(五)网站高可用架构
- linux 6查看防火墙指令,centos67 常用系统防火墙命令
- sql server 纵横表的转换
- VMware Workstation 6.0 正式版公布
- win7便笺元数据损坏,最新解决办法
- DataGrid + JS 的應用示例
- VS2010:把项目由WIN32改为x64
- Java新手求助,将两个文件合并为一个文件执行程序是发生的问题
- 【下载一】NI 系列软件卸载工具
- RadASM资源链接错误RC2104及找不到resource.h解决方案
- 区块链技术在食品溯源中的应用
- LSV打印并制作城市地图教程 还可以做分布图、标注图
- 模具冲压与模具设计知识点
- LLJ-F(S)系列漏电继电器
热门文章
- LeetCode 42. 接雨水(双指针、单调栈)
- iis无法读取配置文件_SpringBoot 有很多读取配置文件的方法,你知道几个? 静态方法读取呢?...
- python中缩进在程序中_有没有办法将Python代码中的缩进转换为大括号?
- 机器学习基础—Kaggle泰坦尼克预测(完整分析)
- Kapacitor安装及使用
- 不同电脑 命名管道_电脑键盘上的F1到F12,这些键都有哪些用处?用了5年总算明白了...
- 论文阅读笔记(一)【Journal of Machine Learning Research】Natural Language Processing (Almost) from Scratch(未完)
- AcWing之二维数组的查找
- 惊了,掌握了这个炼丹技巧的我开始突飞猛进
- 集群、分布式、微服务的概念及异同