常用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做数据 ...
随机推荐
- mvp框架
本文在于巩固基础 mvp框架的概念: MVP是MVC模式的另一个变种,MVP即可以应用到WEB项目中, 也可以应用到Winform项目中,它的方便的测试机制为大型复杂的企业级应用带来了福音,MVP模式 ...
- bootstrap的导航改造
在使用bootstrap制作后台时用到了响应式导航条,其中dropdown组件更是用的比较多,用的多需要点击的就多,dropdown默认鼠标左键单击才展开,如果使用鼠标放上去(hover)就展开则会省 ...
- 两个有序list合并
package 剑指office; import java.util.ArrayList; import java.util.List; public class ListMerge { /** * ...
- Java中Overload和Override的区别
由于项目正式收工,闲来无事突然发现以前的文档上有一个问题介绍的不是很详细 override(重写,覆盖) 1.方法名.参数.返回值相同. 2.子类方法不能缩小父类方法的访问权限. 3.子类方法 ...
- javascript 学习笔记(权威指南)
1.数组的sort()方法默认是按照字母排序的,下面举个栗子说明: 1)全是字母: var arr =["zu","fan","an",&q ...
- 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)
功能介绍: 1.处理了动态行与表单的设值问题 2.添加了行的向上或向下排序 3.添加了可以在当前行的下边或上边增加新行的功能 4.添加了可以单选或勾选多项删除不需要的行的功能 5.添加了新增的行的高亮 ...
- xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应
xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 <div class="dyleft"> ...
- Android viewpager 嵌套 viewpager滑动 点击事件冲突解决方案
为了解决这个问题.可以自定义viewpager,然后在里面监听首饰,自定义点击事件 package com.hpuvoice.view; import android.content.Context; ...
- JS输出当前时间,且每秒变化
<div id="timer"></div> <script type="text/javascript"> window. ...
- javascript中的for……in循环
<script type="text/javascript"> var theBeatles=new Array("John","P ...