华为html5ajax提交,AJAX五步使用法

function submit(){

//1创建XmlHttpRequest对象

if(window.XMLHttpRequest){

// IE7,IE8,FireFox,Mozilla,Safari,Opera

xmlhttp = new XMLHttpRequest();

// 如果来自服务器的响应没有 XML mime-type 头部，则一些版本的 Mozilla 浏览器不能正常运行。

//对于这种情况，httpRequest.overrideMimeType('text/xml'); 语句将覆盖发送给服务器的头部，强制 text/xml 作为 mime-type。

if(xmlhttp.overrideMimeType){

xmlhttp.overrideMimeType("text/xml");

}

}else if(window.ActiveXObject){

// IE6,IE5.5,IE5

var activexName = ["MSXML2.XMLHTTP","Miscrosoft.XMLHTTP"];

for(int i= 0; i < activexName.length;i++){

try{

xmlhttp = new ActiveXObject(activexName[i]);

break;

}catch(E){

}

}

}

if(xmlhttp == undefined || xmlhttp == null){

alert('当前浏览器不支持创建XMLHttpRequest对象，请更换浏览器');

break;

}

//2注册回调方法

xmlhttp.onreadystatechange = callback;

//错误写法

xmlhttp.onreadystatechange = callback();

// 获取文本框中输入的内容，经过两次编码防止中文乱码

var userName = document.getElementById("UserName").value;

userName = encodeURI(encodeURI(userName));

//Get方式交互

//3设置和服务器端交互的相应参数

xmlhttp.open("GET","URL?name="+userName,true);

//4设置向服务器端发送的数据，启动和服务器端的交互

xmlhttp.send(null);

/**

//以POST方式交互

xmlhttp.open("POST","URL",true);

// POST方式交互所需要增加的代码

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//设置像服务端发送的数据，启动和服务器端的交互

xmlhttp.send("name="+userName);

*

**/

}

function callback(){

//5.判断和服务器端交互是否完成，以及服务器端是否返回正确结果

//xmlhttp.readyState=4表示和服务器端交互已经完成

if(xmlhttp.readyState==4){

//xmlhttp.status==200表示服务器端响应的代码是200，正确的返回了数据

if(xmlhttp.status==200){

//纯文本的接受方法

var message = xmlhttp.responseText;

// XML数据对应的DOM对象的接受方法

// 使用的前提是，服务器端需要设置content-type为text/xml

//var domXml = xmlhttp.responseXML;

var div = document.getElementById("divId");

div.innerHTML = message;

}

}

}

勿删，copyright占位

【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：huaweicloud.bbs@huawei.com 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

您找到想要的结果了吗?

是的

没有

意见反馈

0/200

提交反馈

取消

AJAX五步使用法

提交成功！非常感谢您的反馈，我们会继续努力做到更好

3

收藏

链接复制成功

复制链接到剪贴板

分享文章到微博

分享文章到朋友圈

分享

您可能感兴趣

使用原生的ajax的步骤(五个步骤)

1)创建Ajax引擎对象 XMLHttpRequest

var xhr = new XMLHttpRequest();//创建对象

2)为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)

//绑定监听对...

SSM中的ajax跨越

将下面的代码复制到springmvc 中的拦截器就行了

response.setHeader("Access-Control-Allow-Origin", "*");

response.setHeader("Access-Control-Allow-Headers",

"Content-Type,Content-Length, Auth...

ajax之POST跨域请求

1，简短说明

ajax跨域请求，常见的有jsonp，httpClient，CORS插件等

这次主要介绍CORS插件的使用

几个问题 1，什么是跨域：浏览器同源策略，协议、域名和端口，三者有一个不同，则跨域 2，什...

ajax扩展控件(8)

TextBoxWatermark控件，该控件用于当控件处于非焦点时的提示内容。

...

ajax扩展控件(7)

FilteredTextBox控件，该控件用于控制用户的输入值的范围。

实例代码如下所示：

...

用 PHP 构建基于 Ajax 的 Web 站点

级别： 中级

Ken Ramirez, 创始人, Axsys Technology Group

2008 年 9 月 23 日

学习使用原生 JavaScript™ 代码和 PHP 编写 Asynchronous JavaScript +XML(Ajax)应用程序的过程。本文介绍几个框架和应用程序编程接口(API)，可以用它们减少开发 Aj...

初次体验.net Ajax无刷新技术

早就听说Ajax技术了，传说中是一种很牛的东西，号称无刷新，其实是在web上通过javascript，使用异步的xmlhttp请求，实现无刷新的web界面。可惜一直没有体验过， 先后听做PHP的朋友用过PHP的Ajax开发包，而且做了很多很酷的东西，使小生羡慕不已。

今天下了一个.net Ajax开发包，该开发包包括ASP2.0和目前ASP1.1...

tp5利用Ajax实现列表无刷新排序功能

在后台管理的时候我们有时需要对数据进行排序，以控制数据在模板显示的顺序，排序的原理就是修改数据库，然后更新视图。我们可以单独写一个方法来实现排序的功能，成功后刷新页面，也可以利用Ajax技术，实现数据的局部请求，也就是无刷新排序的功能。

现在想要达到的效果是在排序的input框中输入数值，点击排序实现无刷新排序的功能。

首先是表格(cate.ht...