常用ajax请求
JQuery版本的ajax请求:(包括处理WebService中xml字符串)
$.ajax({
type: "POST",
async: true,
url: "",
data: "",
success: function (data) {
data = data.replace("<string xmlns=\"http://tempuri.org/\">", "").
replace("<?xml version=\"1.0\" encoding=\"utf-8\"?>").
replace("</string>", "").replace("undefined", "").
replace(";", "").replace(/</g, '<').
replace(/>/g, '>').replace("<", "<").
replace(/&/g, "&").replace(/&/g, "&").
replace(/\n/g, "").
replace(/\r/g, "");
},
error: function () {
},
dataType: "html"
});
Js版本的ajax请求:
common.js
//由于浏览器版本不同影响Ajax不同,所以遇到不同的版本需要new不同的Ajax
//创建一个Ajax对象
function createXmlHttp() {
var xhobj = false;
try {
xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
} catch (e) {
try {
xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
} catch (e2) {
xhobj = false;
}
}
if (!xhobj && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
xhobj = new XMLHttpRequest();
}
return xhobj;
}
正文:
get提交:
<!--引进来Common.js -->
<script src="Scripts/Common.js" type="text/javascript"></script>
<script type= "text/javascript">
var aj = false; window.onload = function () {
//new一个Ajax
aj = createXmlHttp();
} //Ajax函数 GET提交
function doAjax() {
//打开连接
//需要使用多个参数,第一个设置方法属性,第二个设置目标URL,第三个指定是同步(false)还是异步(true)发送请求
var url = "";
aj.open("GET", url, true);
//设置回调函数[即:需要接受服务器返回的值]
//读取状态改变
aj.onreadystatechange = function () {
alert(aj.readyState);
if (aj.readyState >= 4) {
if (aj.status == 200) {//状态码为200正常响应 } else { }
}
};
//发送[get发送为空]
aj.send(null);
}
</script>
post提交:
<script src="Scripts/Common.js" type="text/javascript"></script>
<script type="text/jscript" >
var aj = false;
window.onload = function () {
aj = createXmlHttp();
}
//Ajax函数 Post提交
function doAjax() {
var url = "Js_Login.aspx";
//如果提交的值是中文,需要编码
//encodeURI() 或 encodeURIComponent()
var user = encodeURI(gel("txt").value); var pwd = gel("pwd").value;
var data = "user=" + user + "&pwd=" + pwd;
//打开连接
aj.open("POST", url, true);
//需要设定请求头
aj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //回调函数
aj.onreadystatechange = function () {
if (aj.readyState >= 4) {
if (aj.status == 200) { //状态码为200正常响应
var txt = aj.responseText; //接受数据 }
else { }
}
} //发送数据[Post发送不能为空]
aj.send(data);
}
</script>
常用ajax请求的更多相关文章
- 前台返回json数据的常用方式+常用的AJAX请求后台数据方式
我个人开发常用的如下所示: 之所以像下面这样下,一是前台Ajax,二是为安卓提供接口数据 现在常用的是返回JSON数据,XML的时代一去不复返 JSON相对于XML要轻量级的多 对JSON不是十分熟悉 ...
- 4种常用的Ajax请求方式
在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...
- AJAX 请求区分 $_SERVER['HTTP_X_REQUESTED_WITH'] 小解
关于这个内容,很多人都有所了解.但从我搜索的内容来看,他们只是略微看一下,根本不知道里面到底是什么情况. 受到很多模版代码的影响,大家都以为PHP有这样一个自定义变量:$_SERVER['HTTP_X ...
- 原生js发送ajax请求
堕落了一阵子了,今天打开博客,发现连登录的用户名和密码都不记得了.2016年已过半,不能再这么晃荡下去了. 参加了网易微专业-前端攻城狮 培训,目前进行到大作业开发阶段,感觉举步维艰.但是无论如何,不 ...
- jquery的常用ajax操作
$.ajax() 定义和用法 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() ...
- Java过滤器应用-对Ajax请求做Session失效判断
过滤器常用来对Session过期做判断 Layout.js 1.为ajax请求添加标识 2.无论ajax请求成功与否,complete函数终会执行 // 全局Ajax设置, 用于session过期后的 ...
- ajax请求总是不成功?浏览器的同源策略和跨域问题详解
场景 码农小明要做一个展示业务数据的大屏给老板看,里面包含了来自自己网站的数据和来自隔壁老王的数据.那么自己网站的数据提供了 http://xiaoming.com/whoami 这样的数据接口隔壁老 ...
- dojo(四):ajax请求
储备知识 1.在介绍新版本的ajax请求之前,需要先了解一些dojo/Deferreds. 初次听到“Deferred”这个概念,可能会觉得这是一个神秘的东西.实际上它在执行异步操作的时候非常强大,例 ...
- [开源]jquery-ajax-cache:快速优化页面ajax请求,使用localStorage缓存请求
项目:jquery-ajax-cache 地址:https://github.com/WQTeam/jquery-ajax-cache 最近在项目中用到了本地缓存localStorage做数据 ...
随机推荐
- C#中关于DBNULL的处理方法
从数据库中获取数据有些会是空值的,这时一不注意就会被坑了…… String.Concat(db.可能为DBNULL的值) 在这种情况下,如果是DBNULL,得到的会是""
- sessionStorage和localStorage之间的差别
<!DOCTYPE html><html> <head lang="en"> <meta charset="utf-8" ...
- 自定义配置文件的使用(web.config/app.config)
以下非原创作品,但都是自己看过理解并写过,记录下来,以便之后项目的使用或其它用途. (1)只需要简单配置单一属性值: <configuration> <configSections& ...
- SEL数据类型,@selector的用法,以及调用SEL
1.SEL数据类型 SEL是个指针类型的数据,类似C语言中的函数指针.在OC中,每个对象方法都有其对应着一个SEL变量.当我们调用对象方法时,编译器会将该方法转换成一个SEL的数据,然后去类中寻找该方 ...
- redis memcache
谈谈Memcached与Redis(一) 1. Memcached简介 Memcached是以LiveJurnal旗下Danga Interactive公司的Bard Fitzpatric为首开发的高 ...
- mysql5.1 有什么新特性
本章介绍 新特性和已过时的特性 新特性: 1.分隔 这个特性允许把一个表里的部分数据放入文件系统中,它会根据表的创建规则来存储,一个表的不同部分被存储在不同的物理地址下.不过这个特性对于用户是不可见的 ...
- Eclipse用法和技巧二十五:eclipse图标的含义
用了eclipse很久,在使用断点调试的时候才开始关注图标的含义.这才发现eclipse的图标还是很丰富的,熟悉的知道每个图标的含义还是蛮不错的,尤其是在断点调试中.eclipse自带了详细的图标说明 ...
- Android minHeight/Width,maxHeight/Width
在layout文件中,设置IamgeView的最大(最小)高度(宽度)时,需要同时设置android:adjustViewBounds="true",这样设置才会生效.在代码中设置 ...
- codeforces 645 D. Robot Rapping Results Report 二分+拓扑排序
题目链接 我们可以发现, 这是一个很明显的二分+拓扑排序.... 如何判断根据当前的点, 是否能构造出来一个唯一的拓扑序列呢. 如果有的点没有出现, 那么一定不满足. 如果在加进队列的时候, 同时加了 ...
- OpenCV学习 6:平滑滤波器 cvSmooth()——2
原创文章,欢迎转载,转载请注明出处 前面进行了彩色的模糊处理,我们对黑白图片进行同样的平滑处理,看看效果.首先是需要创建黑白图片,我对opencv的各种函数还不是很熟悉,我们可以先用熟悉的创建单通道的 ...