1. [代码]原生JS实现ajax 发送post请求

var oStr = '';

var postData = {};

var oAjax = null;

//post提交的数据

postData = {"name1":"value1","name2":"value2"};

//这里需要将json数据转成post能够进行提交的字符串 name1=value1&name2=value2格式

postData = (function(value){

for(var key in value){

oStr += key+"="+value[key]+"&";

};

return oStr;

}(postData));

//这里进行HTTP请求

try{

oAjax = new XMLHttpRequest();

}catch(e){

oAjax = new ActiveXObject("Microsoft.XMLHTTP");

};

//post方式打开文件

oAjax.open('post','1.php?='+Math.random(),true);

//post相比get方式提交多了个这个

oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//post发送数据

oAjax.send(postData);

oAjax.onreadystatechange = function(){

//当状态为4的时候，执行以下操作

if(oAjax.readyState == 4){

try{

alert(oAjax.responseText);

}catch(e){

alert('你访问的页面出错了');

};

};

};

用原生JS实现AJAX和JSONP

前端开发在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要的.其实,原生 ...

原生JS实现Ajax及Ajax的跨域请求

前  言          如今,从事前端方面的程序猿们,如果,不懂一些前后台的数据交互方面的知识的话,估计都不太好意思说自己是程序猿.当然,如今有着许多的框架,都有相对应的前后台数据交互的方法. ...

原生js实现Ajax

一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生的js怎么去实现Ajax方法呢? JQuery提供的Ajax方法: $.ajax({ url: , type: '', dataT ...

使用原生js写ajax

// 使用原生js 封装ajax // 兼容xhr对象 function createXHR(){ if(typeof XMLHttpRequest != "undefined") ...

原生JS的Ajax技术

1.同步和异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待  卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随意做其他事情,不会被卡 ...

原生js实现ajax与jquery的ajax库，及json

这是一篇笔记博客, Ajax: 和服务器进行数据交换(异步) 用js实现复杂的原理:用于发送请求的对象在不同的浏览器中是不同的 同源策略:ajax发送请求的url地址与服务器地址必须是同一域名,协议, ...

用原生js实现ajax、jsonp

转载: http://www.cnblogs.com/yangheng/p/6065910.html 一.原生js实现ajax $.ajax({ url: '', type: 'post', data ...

原生js写Ajax

//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...

Ajax工作原理和原生JS的ajax封装

前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...

随机推荐

js地区转盘抽奖插件

火车采集器 帝国CMS7.2免登录发布模块

帝国cms7.2增加了金刚模式,登录发布有难度.免登录发布模块配合火车采集器,完美解决你遇到的问题. 免登录直接获取栏目列表 通过文件内设置密码免登录发布数据 帝国cms7.2免登陆文章发布接口使用说 ...

[bzoj2245][SDOI2011]工作安排(费用流)

题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=2245 分析: 要注意到题目下面说的w是单增的 明显的费用流: 弄个源点S,汇点T S连 ...

Php 操作事务

PHP来操作数据库 关于事务操作 连接数据 mysql_connect('localhost','root','123'); 设置字符集 mysql_query('set names utf8'); ...

C#中HashTable的用法示例2

命名空间 System.Collections 名称 哈希表(Hashtable) 描述 用于处理和表现类似keyvalue的键值对,其中key通常可用来快速查找,同时key是区分大小写:value用 ...

解决MacOS Terminal打开慢的问题

用了Mac有一段时间了,突然发现Terminal打开奇慢,每次打开都显示logining...,打开大概要个五六秒的时间,以前打开都是瞬间打开的啊,这对于我们这种追求速度的程序员怎么受的了呢.开始一直 ...

C++ CRTP singleton

C++ CRTP 是个很有意思的东西,因为解释原理的文章很多,但是讲怎么用的就不是很多了. 今天就稍微写下CRTP(奇异递归模板模式)的一个有趣的用法:Singleton(单例模式) 单例有很多中写法 ...

玩转spring boot——国际化

前言 在项目开发中,可能遇到国际化的问题,而支持国际化却是一件很头疼的事.但spring boot给出了一个非常理想和方便的方案. 一.准备工作 pom.xml: <?xml version=& ...

blog写作心得体会

虽然写blog也挺久了,写出来的东西自己回顾的时候也会怀疑读者是否能看的明白,还是有种流水账的感觉,以后希望多从读者的角度出发.下面记录一些以后写博客的注意点. 具体关于某种技术点的小知识还有碰到的各 ...

thinkphp中上传图片以及制成缩略图

form表单中必须有的一个属性: enctype=”multipart/form-data” html的写法: