Ajax核心技术代码
/* @author weichen */
var xhr = '';
function Ajax()
{
if(window.XMLHttpRequest)
{
var xhr = new XMLHttpRequest;//现代浏览器
}else
{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
}
}
Ajax();//1.获取Ajax对象 xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var data = xhr.responseText;//2.判断状态,接收数据(字符串形式),后续操作
}
} //xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
//xhr.send([data]);//4.发送请求 xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
xhr.send(); /*
xhr.open('POST', 'demo.php', TRUE);
xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=weichen&sex=0');
*/
XHR对象中的成员属性和成员方法
{
成员属性:
status 服务器响应的HTTP状态码(如200或404)
statusText 服务器响应的以字符串形式返回的HTTP状态码(ok或not found)
readyState 浏览器请求的状态码(0到4)
responseText 服务器响应的字符串格式的数据结果
responseXML 服务器响应的XML格式的数据结果
onreadystatechange Ajax的请求事件(当readystate改变时调用的事件处理函数)
onerror 请求过程中发生错误时调用的Mozilla的事件处理函数
onprogress 内容加载后调用的mozilla的事件处理函数
onload 文档加载完毕后调用的mozilla的事件处理函数
成员方法:
setRequestHeader(); 设置当前请求的header头信息(为即将发送到服务器端的消息头增加一个键/值对)
open(); 建立一个新的请求连接(用GET、POST、URL等初始化XHR对象)
send(); 发送一个请求(可能需要发送的数据)
getResponseHeader("server"); 返回指定的HTTP头的值(如server或last-modified)
getAllResponseHeaser(); 返回由换行符分割开的所有HTTP头的字符串
absort(); 终止请求
}
Link:https://www.cnblogs.com/farwish/p/3740085.html
Ajax核心技术代码的更多相关文章
- 最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回
首先导入jar包 上面的jar包主要是用来将map或list数据转换成json字符串,传递到前台使用. 静态页面的代码:2.html <!DOCTYPE html> <html> ...
- ajax核心技术1---XMLHttpRequset对象的使用
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX = 异步 Ja ...
- ajax 执行代码顺序
异步:ajax执行过程中,ajax后面的代码也执行了,程序没按顺序走 同步:ajax执行完毕后再执行后面的代码,程序顺序执行 在jq中ajax默认是异步的 当设置async:false表示的就是同步的 ...
- 投票ajax请求代码(点赞代码)
function vote(url, arr) { jq.ajax({ cache: false, async: false, url: url, type: 'post', data: {info_ ...
- Ajax原生代码
Ajax传数据有两种方式:get/post.下面是前台的get/post方式的代码. //------------原生--------- function AjaxGET(){ //第一步 调用Aja ...
- Ajax:修改了项目的ajax相关代码,点击运行没有效果
在运行ajax代码的时候发现这个问题,无论是重启浏览器还是IDE依旧不能解决. 原因: 浏览器调试的缓存 措施: 浏览器启用开发者模式,以Chrome.IDEA为例 1.浏览器设置disable ca ...
- 20151211jquery ajax进阶代码备份
//数据处理 $('form input[type=button]').click(function() { //json处理 /*$.ajax({ type:'POST', url:'test.js ...
- 第一个关于ajax的代码
昨天由于需要,写了第一个需要ajax的程序,之前只是看过相关介绍,没想到这么有用,记录一下,如有错误,还希望大家提出$(document).ready(function () {//获取url中名字为 ...
- ajax分页代码
<meta charset="utf-8"><?php//连接数据库$link = mysqli_connect('127.0.0.1','root','root ...
随机推荐
- async方法:async+await
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- 开关Windows休眠功能
在windows休眠的时候会把内存里的数据缓存到硬盘的C:/Hiberfil.sys文件,万一断电能够从中恢复状态,然而这对SSD硬盘损耗很大,如果没必要还是关了吧: 关闭: powercfg -h ...
- Android 真机投影到PC端,真机投影工具;Vysor
Vysor可以把Android真机投影到PC端,也就是电脑上:手机端和PC端课同步操作: Vysor是Chrome浏览器的插件,我们想要添加这个插件需要FQ: 从这里可以直接下载:Vysor
- linux命令之vi文本编辑器
vi filename :打开或新建文件,并将光标置于第一行首 按i,开始输入(insert) d删除整行 u 撤销上一步的操作Ctrl+r 恢复上一步被撤销的操作 ESC退出输入 按ESC键 跳 ...
- 微信小程序笔记<二>认识app.json
*.json文件在小程序开发中必不可少,从 app.json 开始认识小程序中的配置文件*.json: app.json 为小程序必须文件,它不仅作为配置文件管理着小程序的UI还充当着路由器的功能: ...
- python2和python3的内存使用情况
python2 对回收后的整数复用内存不作处理 python3则改进了改设计,极大的减少了内存占用 例如 a = range(1000000000000) del a 此时: python2 对于a占 ...
- docekr-image的区别和container;docker run和start,create
copy by: https://www.simapple.com/326.html 容器(container)的定义和镜像(image)几乎一模一样,也是一堆层的统一视角,唯一区别在于容器的最上面那 ...
- ssh Socket error Event: 32 Error: 10053.
在家用的WiFi,把电脑从房间搬到餐厅来用发现用我的xshell不能用ssh连接了,报错Socket error Event: 32 Error: 10053.同时在自己物理机上ipconfig看到自 ...
- ftp的安全问题
ftp漏洞http://www.4hou.com/technology/3507.html
- 使用Maven创建(eclipse)Java项目
1. 构建项目目录: 命令行方式: mvn archetype:generate -DgroupId={project-packaging} -DartifactId={project-name} \ ...