Ajax基础实例--简单实现和注意点解析
来源:互联网 发布:腾讯企业邮箱pop 端口 编辑:程序博客网 时间:2024/04/27 18:20
1.JavaScript代码先创建对象,用来存放XMLHttpRequest();
方法 描述 open(method,url,async)
属性 描述 responseText获得字符串形式的响应数据。responseXML获得 XML 形式的响应数据。
1. url里面指定的servlet相对路径要写全 xmlhttp.open( "GET", "/HiAjax/HiAjax?name=get" , true);
2. servelt部分对参数进行if判断时候用equals方法比较好 if ( "get".equals(parm))
3. 获取requestTest的时候,写在相应完成后再获取,否则获取的值是空;
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
2.发送Request请求
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
xmlhttp.send();
规定请求的类型、URL 以及是否异步处理请求。
- method:请求的类型;GET 或 POST
- url:文件在服务器上的位置
- async:true(异步)或 false(同步)
将请求发送到服务器。
- string:仅用于 POST 请求
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
- 无法使用缓存文件(更新服务器上的文件或数据库)
- 向服务器发送大量数据(POST 没有数据量限制)
- 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
xmlhttp.open("POST","ajax_test.html",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
3.响应服务器请求:
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById( "here" ).innerHTML = rs;
}
}
实例注意点解析:
1. url里面指定的servlet相对路径要写全 xmlhttp.open( "GET", "/HiAjax/HiAjax?name=get" , true);
2. servelt部分对参数进行if判断时候用equals方法比较好 if ( "get".equals(parm))
3. 获取requestTest的时候,写在相应完成后再获取,否则获取的值是空;
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var rs = xmlhttp.responseText;
document.getElementById( "here" ).innerHTML = rs;
}
}
0 0
- Ajax基础实例--简单实现和注意点解析
- Mutex 实例 和 注意点
- 实战AJAX-------简单实例解析
- AJAX页面查询实现的注意点
- AJAX 的简单实例 (JS实现 和JQuery 实现)
- AFNetworking 大三注意点和简单实用
- AJAX使用注意点
- ajax注意点
- ajax实现异步的简单实例
- AJAX-实现简单的异步传输实例
- Ajax-Ajax基础实例
- java基础注意点
- php基础注意点
- c++基础注意点
- java基础注意点
- 全外连接的用法实例和注意点
- jQuery AJAX简介和简单实例
- ajax树及注意点
- java 执行jar包引用别的jar包方式
- iOS 蓝牙使用小结 bluetooth
- (转)String和StringBuilder、StringBuffer的区别?
- React Native-4.React Native布局属性练习之flexBox模型实战
- LayoutInflater源码深度分析笔记
- Ajax基础实例--简单实现和注意点解析
- iOS网络编程实践--蓝牙对等网络通信实例讲解
- Android Design Support Library常用控件介绍(上)
- linux之device_init()
- 20条Linux命令面试问答
- GDKOI2015D2T1
- Xcode 7测试化工具XCTestCase
- tabbarcontroller+navigationcontroller 导航栏错乱的问题
- ViewStub