AJAX原生JS代码

var http_request = false;function send_request(method,url,content,responseType,callback){ http_request = false; if(window.XMLHttpRequest) { //现代浏览器  http_request = new XMLHttpRequest();  if(http_request.overrideMimeType) {   http_request.overrideMimeType("text/xml");  } } else if(window.ActiveXObject) { //老IE浏览器  try{   http_request = new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {   try {    http_request = new ActiveXObject("Microsoft.XMLHTTP");   } catch(e) {}  } }

 if(!http_request) {  window.alert("Can‘t create XMLHttpRequest");  return false; } if(responseType.toLowerCase() == "text") {  //http_request.onreadystatechange = processTextResponse;  http_request.onreadystatechange = callback; } else if(responseType.toLowerCase == "xml") {  //http_request.onreadystatechange = processXMLResponse;  http_request.onreadystatechange = callback; } else {  window.alert("error");  return false; }

 if(method.toLowerCase() == "get") {  http_request.open(method, url, true); } else if(method.toLowerCase() == "post") {  http_request.open(method, url, true);  http_request.setRequestHeader("content-Type","application/x-www-form-urlencoded"); } else {  window.alert("http request error");  return false; } http_request.send(content);}

function processTextResponse() { if(http_request.readyState == 4) {  if(http_request.status == 200) {   alert(http_request.responseText);  } else {   alert("request error");  } }}

function processXMLResponse() { if(http_request.readyState == 4) {  if(http_request.status == 200) {   alert(http_request.responseXML);  } else {   alert("request error");  } }}

时间： 2024-10-13 20:04:30

AJAX原生JS代码的相关文章

原生 JS 代码和用 jQuery 实现效果各有什么优劣势

通过自己的理解再加上自己收集的一些资料总结如下: 各種封裝,主要目的就是爲了省心,拿jq來說: JQ对不同浏览器的事件,DOM对象,都进行了封装,各种操作都可以直接兼容各种浏览器, 要知道, 不同浏览器的区别不仅仅是在CSS里写"-webkit-"还是"filter"的区别, 连事件模型这种底层的东西都不一样= = JQ特有的CSS-LIKE选择器, 链式写法, 封装的各类animate函数, 封装了的异步加载, 都大幅提高了开发效率, 减少重复劳动 JQ用dela

请用原生JS代码实现一个Ajax异步请求。

实现ajax之前必须要创建一个 XMLHttpRequest 对象.如果不支持创建该对象的浏览器,则需要创建 ActiveXObject. var xmlHttp; function createxmlHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp=new XM

奇舞js笔记——第0课——如何写好原生js代码

摘要 1.好的代码职责要清晰,javscript不要用来操作样式: 2.API要设计的合理:通用性,适度的抽象(数据抽象,过程抽象),可扩展性: 3.效率问题:用好的.合适的算法(前端程序员要把自己当程序员). 注: 1.学习视频地址 2.ppt地址 3.个人感想: 是我hin厉害的师父推荐我看的月影大大的视频,感觉对于我这个小白来说,真的是一遍又一遍的刷新知识面.我觉得像月影大大这种大佬的思路,我接触之后真的是受益匪浅. 所以我总结出来不仅是自己记笔记,也是想分享给想要成为真正的前端“工程师”

AJAX相关JS代码片段和部分浏览器模型

在.net开发中,充分利用免费控件是好事情,同样的,在php的开放中,能使用ajax的类库是可以,但是如果不能修改控件或者类库达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型的各种对象的方法属性.尤其是熟悉CSS+HTML就会做的很酷.就JS语言本身来说要求不高. 1.动态删除Table 里面内容技巧,不需要写太多代码,一行: tb.removeNode(true)3g.mlybyby.com 2.动态增加行,除了CreateElement方法,还可以这样比较短小: 3.在DIV中动

Ajax分页js代码

var pageIndex = 0; var pageSize = 10; $(function () { $("#btnSearch").click(function () { var name = $("#txtSearch").val(); pageIndex = 0; AjaxGetData(name, pageIndex, pageSize); }); AjaxGetData(name, pageIndex, pageSize); }); function

第110天：Ajax原生js封装函数

一.Ajax的实现主要分为四部分: 1.创建Ajax对象 1 // 创建ajax对象 2 var xhr = null; 3 if(window.XMLHttpRequest){ 4 xhr = new XMLHttpRequest(); 5 } else { 6 //为了兼容IE6 7 xhr = new ActiveXObject('Microsoft.XMLHTTP'); 8 } 2.连接服务器 // 连接服务器open(方法GET/POST,请求地址, 异步传输) xhr.open('G

原生js代码挑战之动态添加双色球

var ballArr = []; //存放已有的红球,用来排除重复和排序window.onload = function(){ var btn = document.createElement("button"); btn.innerHTML = "按键开始传球!"; btn.onclick = turnRunGo; document.getElementsByTagName("body")[0].appendChild(btn);}//当有重

原生js代码水平导航栏效果

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* 标签和文本结合区域效果制作: 1.用ul做分类标签 2.把ul的display定义为block使ul区域和下面div区域结合在一起 3.

比sort()性能更好的原生js代码实现数组从小到大排序

nums = [1,2,4,1,34,6,-1,2] for(let i = nums.length - 1; i > 0; i--) { let maxIdx = i; for(let j = 0; j < i; j++) { if(nums[maxIdx] < nums[j]) maxIdx = j; } if(maxIdx !== i) { let temp = nums[maxIdx]; nums[maxIdx] = nums[i]; nums[i] = temp; } } 原文