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(/&lt;/g, '<').
replace(/&gt;/g, '>').replace("&lt", "<").
replace(/&amp;/g, "&").replace(/&amp/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请求的更多相关文章

  1. 前台返回json数据的常用方式+常用的AJAX请求后台数据方式

    我个人开发常用的如下所示: 之所以像下面这样下,一是前台Ajax,二是为安卓提供接口数据 现在常用的是返回JSON数据,XML的时代一去不复返 JSON相对于XML要轻量级的多 对JSON不是十分熟悉 ...

  2. 4种常用的Ajax请求方式

    在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...

  3. AJAX 请求区分 $_SERVER['HTTP_X_REQUESTED_WITH'] 小解

    关于这个内容,很多人都有所了解.但从我搜索的内容来看,他们只是略微看一下,根本不知道里面到底是什么情况. 受到很多模版代码的影响,大家都以为PHP有这样一个自定义变量:$_SERVER['HTTP_X ...

  4. 原生js发送ajax请求

    堕落了一阵子了,今天打开博客,发现连登录的用户名和密码都不记得了.2016年已过半,不能再这么晃荡下去了. 参加了网易微专业-前端攻城狮 培训,目前进行到大作业开发阶段,感觉举步维艰.但是无论如何,不 ...

  5. jquery的常用ajax操作

    $.ajax() 定义和用法 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() ...

  6. Java过滤器应用-对Ajax请求做Session失效判断

    过滤器常用来对Session过期做判断 Layout.js 1.为ajax请求添加标识 2.无论ajax请求成功与否,complete函数终会执行 // 全局Ajax设置, 用于session过期后的 ...

  7. ajax请求总是不成功?浏览器的同源策略和跨域问题详解

    场景 码农小明要做一个展示业务数据的大屏给老板看,里面包含了来自自己网站的数据和来自隔壁老王的数据.那么自己网站的数据提供了 http://xiaoming.com/whoami 这样的数据接口隔壁老 ...

  8. dojo(四):ajax请求

    储备知识 1.在介绍新版本的ajax请求之前,需要先了解一些dojo/Deferreds. 初次听到“Deferred”这个概念,可能会觉得这是一个神秘的东西.实际上它在执行异步操作的时候非常强大,例 ...

  9. [开源]jquery-ajax-cache:快速优化页面ajax请求,使用localStorage缓存请求

    项目:jquery-ajax-cache 地址:https://github.com/WQTeam/jquery-ajax-cache     最近在项目中用到了本地缓存localStorage做数据 ...

随机推荐

  1. mvp框架

    本文在于巩固基础 mvp框架的概念: MVP是MVC模式的另一个变种,MVP即可以应用到WEB项目中, 也可以应用到Winform项目中,它的方便的测试机制为大型复杂的企业级应用带来了福音,MVP模式 ...

  2. bootstrap的导航改造

    在使用bootstrap制作后台时用到了响应式导航条,其中dropdown组件更是用的比较多,用的多需要点击的就多,dropdown默认鼠标左键单击才展开,如果使用鼠标放上去(hover)就展开则会省 ...

  3. 两个有序list合并

    package 剑指office; import java.util.ArrayList; import java.util.List; public class ListMerge { /** * ...

  4. Java中Overload和Override的区别

    由于项目正式收工,闲来无事突然发现以前的文档上有一个问题介绍的不是很详细 override(重写,覆盖) ​​ 1.方法名.参数.返回值相同. ​2.子类方法不能缩小父类方法的访问权限. 3.子类方法 ...

  5. javascript 学习笔记(权威指南)

    1.数组的sort()方法默认是按照字母排序的,下面举个栗子说明: 1)全是字母: var arr =["zu","fan","an",&q ...

  6. 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)

    功能介绍: 1.处理了动态行与表单的设值问题 2.添加了行的向上或向下排序 3.添加了可以在当前行的下边或上边增加新行的功能 4.添加了可以单选或勾选多项删除不需要的行的功能 5.添加了新增的行的高亮 ...

  7. xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应

    xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 <div class="dyleft"> ...

  8. Android viewpager 嵌套 viewpager滑动 点击事件冲突解决方案

    为了解决这个问题.可以自定义viewpager,然后在里面监听首饰,自定义点击事件 package com.hpuvoice.view; import android.content.Context; ...

  9. JS输出当前时间,且每秒变化

    <div id="timer"></div> <script type="text/javascript"> window. ...

  10. javascript中的for……in循环

    <script type="text/javascript">    var theBeatles=new Array("John","P ...