如果通过之前的转发,或者重定向,很多问题没法解决

比如我给某个视频点个赞,你经过转发或者重定向,最后虽然点赞成功了,但页面刷新了,视频从头开始放了。

异步刷新:如果网页某一个地方需要修改,异步刷新可以使:只需要修改的地方改

实现:

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相关推荐

  1. AJAX (异步 javascript 和 xml)

    用 form 可以发请求,但是会刷新页面或新开页面 用 a 可以发 get 请求,但是也会刷新页面或新开页面 用 img 可以发 get 请求,但是只能以图片的形式展示 用 link 可以发 get ...

  2. js(三) ajax异步局部刷新技术底层代码实现

    ajax 异步 javaScript and xml 开发五步骤: 1. 创建对象 XMLHttpRequest(chrome,firefox) ie... jquery 2. 找到连接, http的 ...

  3. 网页上ajax异步加载数据,网页的异步请求(Ajax)

    JS原生Ajax操作(XMLHttpRequest) GET请求 var xmld=new XMLHttpRequest(); xmld.open("GET","wan. ...

  4. AJAX 异步请求详细教程

    文章目录 AJAX 异步请求 简介 Jquery 版 Ajax $.ajax() -- Jquery提供的 ajax 函数 注册验证用户名是否可用 $.get() 与 $.post() Ajax 返回 ...

  5. 从浅到深,带你彻底搞懂AJAX异步请求

    在平时开发过程中,异步请求似乎比同步请求出现的频率还要高一些.这是为什么呢?在同步请求时如果对网页的部分内容进行更新时,是不是就必须重载整个页面.这样肯定是不行的,这时就可以采用异步请求来解决此问题. ...

  6. ajax异步修改新闻状态,ajax同步刷新

    [ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...

  7. AJAX 异步加载技术

    AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个 ...

  8. [Ajax]异步的 JavaScript 和 XML:Ajax入门教程(整理)

    首先先来解释一下什么是 AJAX . 简单来说AJAX = 异步 JavaScript 和 XML, 是一种用于创建快速动态网页的技术. 它不是一种编程语言,而是一种规范. Ajax的主要功能是:通过 ...

  9. Ajax异步请求的步骤

    Ajax的定义 AJAX = 异步 JavaScript 和 XML. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. AJAX可以用于快速创建动态网页,通过在后台与服务器进行少 ...

最新文章

  1. cloudera manage 4.8.6做hive元数据库主从同步后
  2. 【学习笔记】高等数据基础
  3. Eclipse中要导出jar包中引用了第三方jar包怎么办
  4. android 知识点大全,Android基础知识总结(一)
  5. 网络爬虫中的验证码识别
  6. linux nginx django,如何在Linux下使用Nginx部署Django项目
  7. 大型网站技术架构(五)网站高可用架构
  8. linux 6查看防火墙指令,centos67 常用系统防火墙命令
  9. sql server 纵横表的转换
  10. VMware Workstation 6.0 正式版公布
  11. win7便笺元数据损坏,最新解决办法
  12. DataGrid + JS 的應用示例
  13. VS2010:把项目由WIN32改为x64
  14. Java新手求助,将两个文件合并为一个文件执行程序是发生的问题
  15. 【下载一】NI 系列软件卸载工具
  16. RadASM资源链接错误RC2104及找不到resource.h解决方案
  17. 区块链技术在食品溯源中的应用
  18. LSV打印并制作城市地图教程 还可以做分布图、标注图
  19. 模具冲压与模具设计知识点
  20. LLJ-F(S)系列漏电继电器

热门文章

  1. LeetCode 42. 接雨水(双指针、单调栈)
  2. iis无法读取配置文件_SpringBoot 有很多读取配置文件的方法,你知道几个? 静态方法读取呢?...
  3. python中缩进在程序中_有没有办法将Python代码中的缩进转换为大括号?
  4. 机器学习基础—Kaggle泰坦尼克预测(完整分析)
  5. Kapacitor安装及使用
  6. 不同电脑 命名管道_电脑键盘上的F1到F12,这些键都有哪些用处?用了5年总算明白了...
  7. 论文阅读笔记(一)【Journal of Machine Learning Research】Natural Language Processing (Almost) from Scratch(未完)
  8. AcWing之二维数组的查找
  9. 惊了,掌握了这个炼丹技巧的我开始突飞猛进
  10. 集群、分布式、微服务的概念及异同