js纯ajax
2016-05-11 13:47
260 查看
var XMLHttpReq;
function createXMLHttpRequest() {
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP
}
catch(E) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP
}
catch(E) {
XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象
}
}
}
function sendAjaxRequest(url) {
createXMLHttpRequest(); //创建XMLHttpRequest对象
XMLHttpReq.open("post", url, true);
XMLHttpReq.onreadystatechange = processResponse; //指定响应函数
XMLHttpReq.send(null);
}
//回调函数
function processResponse() {
if (XMLHttpReq.readyState == 4) {
if (XMLHttpReq.status == 200) {
var text = XMLHttpReq.responseText;
/**
*实现回调
*/
text = window.decodeURI(text);
var cp = document.getElementById("cp");
cp.innerHTML = "";
var values = text.split("|");
for (var i = 0; i < values.length; i++) {
var temp = document.createElement("option");
temp.text = values[i];
temp.value = values[i];
cp.options.add(temp);
}
}
}
}
function createXMLHttpRequest() {
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP
}
catch(E) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP
}
catch(E) {
XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象
}
}
}
function sendAjaxRequest(url) {
createXMLHttpRequest(); //创建XMLHttpRequest对象
XMLHttpReq.open("post", url, true);
XMLHttpReq.onreadystatechange = processResponse; //指定响应函数
XMLHttpReq.send(null);
}
//回调函数
function processResponse() {
if (XMLHttpReq.readyState == 4) {
if (XMLHttpReq.status == 200) {
var text = XMLHttpReq.responseText;
/**
*实现回调
*/
text = window.decodeURI(text);
var cp = document.getElementById("cp");
cp.innerHTML = "";
var values = text.split("|");
for (var i = 0; i < values.length; i++) {
var temp = document.createElement("option");
temp.text = values[i];
temp.value = values[i];
cp.options.add(temp);
}
}
}
}
相关文章推荐
- Fastjson 初识
- javascript中setInterval和setTimeout第一个参数加与不加引号的区别
- js防止表单重复提交
- Javascript中循环时怎么传递参数值
- 《深入浅出JavaScript(中文版)》读后记录
- xsoup,Jsoup
- xsoup,Jsoup
- 解决跨域json无法收到结果的问题
- 浅谈js变量作用域
- JSP 属性范围
- 几款好用的js插件
- JSP处理AJAX
- js toggle事件
- jmeter 获取当前日期的方法,javascript模式
- WebDriver(Selenium2) 处理可能存在的JS弹出框
- javascript 面向对象编程(一)
- RxJS入门(10)----使用Cycle.js的响应式web应用程序
- HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法;
- EXTJS treePanel treecolumn 单选
- JavaScript 基础(二)数组