ajax常用吗,常用ajax请求

最新推荐文章于 2021-10-20 17:51:51 发布

韩山云客

最新推荐文章于 2021-10-20 17:51:51 发布

阅读量293

点赞数

文章标签： ajax常用吗

JQuery版本的ajax请求：(包括处理WebService中xml字符串)

$.ajax({

type: "POST",

async: true,

url: "",

data: "",

success: function (data) {

data = data.replace("", "").

replace("<?xml version=\"1.0\" encoding=\"utf-8\"?>").

replace("", "").replace("undefined", "").

replace(";", "").replace(/</g, '

replace(/>/g, '>').replace("&lt", "

replace(/&/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提交：

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);

}

post提交：

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);

}

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

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

4种常用的Ajax请求方式

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

原生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(四)&colon;ajax请求

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

［开源］jquery-ajax-cache：快速优化页面ajax请求，使用localStorage缓存请求

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

随机推荐

CSS实现小三角小技巧

ACM-ICPC退役选手的发言——满满的正能量(短视频)

这是我在北京林业大学ACM-ICPC竞赛说明会上发言的录像希望能激励大家在奋斗的道路上披荆斩棘,勇往直前!

&period;Net下一个类型转换神器

引言类型转换经常遇到,最常用的应该是string类型转换为其它基元类型,常见于http参数类型转换.Convert静态类的Convert.ChangeType()方法可以把实现IConvertibl ...

awk除去重复行

awk去除重复行,思路是以每一行的$0为key,创建一个hash数组,后续碰到的行,如果数组里已经有了,就不再print了,否则将其print 测试文件: 用awk: 用sort+uniq好像出错了: ...

php内存申请和销毁

内存申请 ZendMM使用自身heap层申请内存追踪结果: ZEND_ASSIGN_SPEC_CV_CONST_HANDLER (......) -> ALLOC_ZVAL(......) -& ...

网格视图(GridView)功能和用法

GridView用于在界面上按行.列分布的方式来显示多个组件.GridView和ListView有共同的父类:AbsListView,因此GridView和ListView具有很高的相似性,它们都是列 ...

C&num; INotifyPropertyChanged使用方法

INotifyPropertyChanged 接口:向客户端发出某一属性值已更改的通知. NotifyPropertyChanged 接口用于向客户端(通常是执行绑定的客户端)发出某一属性值已更改的通 ...

【NPOI】通过NPOI从内存流中创建EXCEL

一言不合就开始帖代码 XSSFWorkbook workbook = new XSSFWorkbook(); //创建工作簿 XSSFSheet sheet = (XSSFSheet)workbook ...

Conjob For hybris

1.Defining the Job 写conjob的逻辑:core包下当做service层(要继承AbstractJobPerformable) public ...

Cocos Creator 智能提示 for WebStorm

0.首先下载安装Node.js,否则下面将找不到关于Node.js的设置选项. 1.智能提示设置File->Settings ①设置为最新的ECMAScript版本 ②Enable Node.j ...