关于JS中运用AJAX记录

上个月在做进销存软件时,用到许多需要异步获取数据的地方,今天告一段落,特此记录

总体感觉js做出来的比JQUERY,方便了许多(也可能是我用的少),但是兼容方面确实无法和JQUERY相提并论

另外在使用JQUERY过程中发现ASP.NET 做POST请求时,会出现请求失败的问题,但是改为GET之后就可以了,令我相当郁闷,这也是后来我没有选用JQUEY来做一步请求的很大一个原因

//此处我用异步操作处理需要对IOS推送的消息

var http1;

//此处用来判断浏览器
if (window.XMLHttpRequest) {
http1 = new XMLHttpRequest();
}
else {
http1 = new ActiveXObject("Microsoft.XMLHTTP");
}
http1.onreadystatechange = function() {
if (http1.readyState == 4 && http1.status == 200) {

//此处为获取到的输出数据
flag1 = http1.responseText;
//alert(flag1);
}
}
http1.open("POST", "tools/getPtoken.ashx", true);
http1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http1.send("type=2&biaoti=" + document.getElementById(‘<%=biaoti.ClientID %>‘).value + "&fubiaoti=" + document.getElementById(‘<%=fubiaoti.ClientID %>‘).value + "&content=" + editor.text());

时间: 2024-10-10 09:56:51

关于JS中运用AJAX记录的相关文章

ThinkPHP 中使用 IS_AJAX 判断原生 JS 中的 Ajax 出现问题

问题: 在 ThinkPHP 中使用原生 js 发起 Ajax 请求的时候.在控制器无法使用 IS_AJAX 进行判断.而使用 jQuery 中的 ajax 是没有问题的. 在ThinkPHP中.有一个判断是 ajax 请求的常量 IS_AJAX: Ajax 请求常用的有两种情况:一种是原生 js 的 ajax 请求.一种是 jQuery 的 ajax 请求. 分析: 先看看使用 jQuery 中使用 ajax 发送请求的时候的头信息: Accept: application/json, tex

Ajax JS 中的Ajax jquery中的Ajax

Ajax (Asynchronous Javascript And XML)  通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 1.Ajax的优势: 不需要插件的支持,能被大多数主流浏览器支持 优秀的用户体验,不用刷新整个页面,就能更新数据 提高web程序的性能,通过XMLHttpRequest对象向服务端提交所需的数据 2.Ajax的核心: XMLHttpRequest 对象, 发送异步请求.接收相应 .

js中的Ajax总结.

一.ajax的作用: 1.就是让js去读服务器上面的数据. 2.无刷新的情况下读取服务器上面的数据,例如:验证账号和密码是否正确等.    (1)ajax的优点: 1.减少冗余请求和响应对服务造成的负担. 2.无刷新更新页面,带来更好的用户体验. 3.减轻服务器速写的负担,节约空间和宽带租用成本. 4.采用异步提交,读写速度更快.   (2)ajax的缺点: 1.AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性 2. AJAX只是局

js中的ajax的运用

XMLHttpRequest对象 IE7+,FireFox,Chrome,Opera,Safari创建XHR对象: var xhr=new XMLHttpRequest(); 创建XHR对象的兼容性写法: 1 function createXHR(){ 2 if(typeof XMLHttpRequest!="undefined"){ 3 return new XMLHttpRequest(); 4 }else if(typeof ActiveXObject!="undefi

js中的原生Ajax和JQuery中的Ajax

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). js中的Ajax: 参数介绍: open(String method,String url,boolean asynch);        准备请求:             url:            get/post            true/false:            true:异步            false:同步 readyState  

基于JS的DOM 编程基础和Json语法及JS下的AJAX基础

1.在dom编程中:     注意:使用dom操作一般在页面完全载入之后,一般在window_onload事件里操作dom nodeName  表示节点的名称如:<input   type= "button"  value="确定" />    此时nodeName=“input” ; nodeValue  表示节点的值如<p>aaa</p> 此时的nodeValue="aaa",而nodeName="

JavaScript中的ajax是何物?

一.解释: -------------------------------------------------------------------------------------------------------------------------------------------------------------- ajax是通过http请求获取资源(数据)的一种技术. http是一种无记忆的请求,请求结束后不会保留请求的记忆. 通过在后台与服务器进行少量数据交换,AJAX 可以使网

第一次写博客,关于前端开发deMVC在js中的应用

对前端MVC MVC分别是model.view.controller的缩写,模型.视图.控制器.这些更加偏向于后台,在以前MVC是只属于后台的.当然随着技术的进步,前端的大牛们将后台的一些东西应用于前端,MVC就是其中之一.  走进MVC MVC三者关系图: 图片有点简单,请谅解,是第一次写,而且时间有点紧!!!  View视图 首先简单介绍一下它的工作原理与承担的业务.首先在这里我们先介绍View,它就是前端的视图界面,负责与用户的交互和拉取数据,如果说的简单点,它就是HTML文件: <!DO

js 实现对ajax请求面向对象的封装

AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 在js中使用ajax请求一般包含三个步骤: 1.创建XMLHttp对象 2.发送请求:包括打开链接.发送请求 3.处理响应 在不使用任何的js框架的情况下,要想使用ajax,可能需要向下面一样进行代码的编写 var xmlHttp = xmlHttpCreate();//创建对象 xmlHttp.onreadysta