使用JavaScript实现ajax
2024-09-20 22:26:55
实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject.具体方法如下:
var xmlHttp;function createxmlHttpRequest(){
if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
else if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest();}}
(1)下面使用上面创建的xmlHttp实现最简单的ajax get请求:
function doGet(url){
// 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码createxmlHttpRequest();xmlHttp.open("GET",url);xmlHttp.send(null);xmlHttp.onreadystatechange = function(){
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {alert('success');}else{alert('fail');}
}
}
(2)使用上面创建的xmlHttp实现最简单的ajax post请求:
function doPost(url,data){
// 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码createxmlHttpRequest();xmlHttp.open("POST",url);xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xmlHttp.send(data);xmlHttp.onreadystatechange = function(){
if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)){
alert('success');
}else{
alert('fail');
}
}
}
最新文章
- android中常用转义字符
- 深入理解CSS元素可见性visibility
- HttpContext.Current.Cache在控制台下不工作
- PCB的技巧
- 让IE6兼容position:fixed
- [置顶] Java启动命令大观
- Zookeeper实践方案:(4)命名服务
- 浅析NopCommerce的多语言方案
- python requests get/post
- 第二章:2.9 总结一下 Django
- MongoDb 快速入门教程
- Sql Prompt---Unable to connect to the Redgate Client Service
- voinc+vue实现级联选择
- Vue技巧小结(持续更新)
- 前端学习-jQuery
- 快速了解yuv4:4:4 yuv4:2:2 yuv 4:1:1 yuv 4:2:0四种YUV格式区别
- java string.getBytes(“UTF-8”) javascript equivalent
- c#之有参和无参构造函数,扩展方法
- .net core获取appsettings CustomSettings
- js 展开/收起效果
热门文章
- Android-Kotlin简单计算器功能
- 关于Entity Framework的概念及搭建
- 背水一战 Windows 10 (50) - 控件(集合类): ItemsControl - 基础知识, 数据绑定, ItemsPresenter, GridViewItemPresenter, ListViewItemPresenter
- 关于IE9 table显示错位的问题
- 在ubuntu中我们使用sudo apt-get install 或者dpkg -i *.deb安装软件时,常常提示“有未能满足的依赖关系“,解决方法
- postgresql-pgbench(转)
- python学习笔记16-装饰器
- redis缓存存在的隐患及其解决方案
- 在Ubuntu下编译安装nginx
- 【xsy2274】 平均值 线段树