ajax基本原理实现

function ajax(method,url,data,success){

try{
var xhr=new XMLHttpRequest();
}catch(e){
xhr=new ActiveXObject(‘Mocrosoft.XMLHTTP‘);
}
if(method==‘get‘&&data){
url+=‘?‘+data;
}
xhr.open(method,url,true);
if(method==‘get‘){
xhr.send();
}else{
xhr.setRequestHeader(‘Content-type‘, ‘application/x-www-form-urlencoded‘);
xhr.send(data);
}
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
success&&success(xhr.responseText);
//console.log(xhr.responseText);
}
}
}

原文地址:https://www.cnblogs.com/qiqi105/p/8366574.html

时间: 2024-08-25 11:42:35

ajax基本原理实现的相关文章

ajax基本原理和使用

Ajax课件 1     浏览器的同步 1.1说明 1.这是一个非常典型的浏览器同步交互图 2.步骤如下: 1.客户发出HTTP请求 2.服务器接受客户的请求并处理客户的请求 3.服务器相应客户的请求,返回客户所需要的页面 3.缺点: 1.每一次客户提交请求的时候,提交的是整个页面.也就是说不管这个页面的数据量大小,都要经过网络的传输.这样给网络造成了数据的压力. 2.在每次客户提交请求的时候,因为要提交整个数据,所以就要刷心整个页面.这样情况对于用户的交互性来说是很不好的.因为一提交以后用户当

ASP.NET AJAX(Atlas)重要参考资源大收集

英文网站部分 http://www.google.com 或者http://search.msn.com :不必多说 ASP.NET AJAX官方网站:不用多说了…… ASP.NET AJAX Control Toolkit官方网站:同样不必多说…… 官方参考文档:必备资料,虽然现在还不是很全. 官方讨论社区:直接和ASP.NET AJAX顶级开发者以及ASP.NET AJAX开发组成员交流,得到他们的建议并提交反馈.ASP.NET AJAX的最新动态.最新问题基本都是从这里散发出去的. Sco

python爬虫13--Ajax数据爬取

1. Ajax介绍 Ajax,Asynchronous JavaScript and XML,即异步的JavaScript和XML.它不是编程语言,而是利用JavaScript在保证页面不被刷新.页面链接不改变的情况下,与服务器交换数据并更新部分网页的技术. 2. Ajax基本原理 发送Ajax请求到网页更新的过程可以分为3步: 发送请求 解析内容 渲染页面 //创建XMLHttpRequest对象 var xmlhttp; if(window.XMLHttpRequest){ xmlhttp=

基于JSP的音乐网站的设计与实现

获取项目源文件,技术交流与指导联系Q:1225467431 摘   要 随着互联网和宽带上网的普及,网络传输以其特有的快速.高效.便捷的传输方式越来越被人们接受.在当今社会的影响下,人们因为快节奏的工作和生活产生了极大的压力,这时就需要一个放松的环境去释放这些压力,因此音乐网站也就应运而生了.与此同时,音乐网站也为广大音乐爱好者提供了一个音乐交流的平台,借此增加对音乐的了解. 音乐网站系统以Struts2为框架进行开发,以JSP作为页面载体,后台数据库使用Mysql,在Windows环境下使用M

ajax 的基本原理

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="ajax.js"></script> <script> window.onlo

纯JavaScript实现异步Ajax的基本原理

Ajax实际就是XMLHttpRequest对象和DOM.(X)HTML和CSS的简称,用于概括异步加载页面内容的技术. Ajax实例 HTML代码如下,包含一个h5标题和一个按钮: JS代码如下: 上述代码中核心对象是XMLHttpRequest,这正是Ajax的技术基础.所有现代浏览器均支持XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某

[转] 传统 Ajax 已死,Fetch 永生

原谅我做一次标题党,Ajax 不会死,传统 Ajax 指的是 XMLHttpRequest(XHR),未来现在已被 Fetch 替代. 最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch,上线一个多月以来运行非常稳定.结果证明,对于 IE8+ 以上浏览器,在生产环境使用 Fetch 是可行的. 由于 Fetch API 是基于 Promise 设计,有必要先学习一下 Promise,推荐阅读 MDN Promise 教程.旧浏览器不支持 Promis

ajax基本知识

* 对ajax的理解     * ajax是什么?         * AJAX(Asynchronous JavaScript and XML)         * 是一种浏览器端不用刷新整个页面就可以与服务器端通信的技术         * 它不是新技术, 而是一种由多种技术组合的技术         * 包括Javascript.HTML和CSS.DOM.XML和JSON.XMLHttpRequest * ajax的应用         * 检查用户是否可用         * 三级联动

AJAX请求和跨域请求详解(原生JS、Jquery)

一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 本博客实验环境: python:2.7.11 web框架:tonado jquery:2.1.1 二.“伪”AJAX 由于