在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。

一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样引入Jquery比较不划算。

所以接下来便用原生JavaScrpit实现一个简单的Ajax请求，并说明ajax请求中的跨域访问问题，以及多个ajax请求的数据同步问题。

JavaScript实现Ajax异步请求

简单的ajax请求实现
Ajax请求的原理是创建一个XMLHttpRequest对象，使用这个对象来进行异步发送请求，具体实现参考下面代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49   分享到：   [返回顶部] [关闭窗口] 上一篇：JS写XSS cookie stealer来窃取密码的步骤详解 下一篇：js实现rem自动匹配计算font-size的示例 热门文章 权益乘数多少合适?和资产负债率的关系如何？ 年数总和法的计算公式和计算原理 固定资产投资增速和年平均增速是如何计算的？ 纳税人如何开具个人所得税纳税记录？ 公司聘用临时人员乘火车出差，车票可以抵扣么？ 提前开具增值税发票的处理办法？ 随机文章 “好评返现”的财税处理 JAVA的“精华”就在“面向对象思想” JS实现table表格内针对某列内容进行即时搜索 JS中比Switch...Case更优雅的多条件 javaScript之split与join的区别 使用javascript做在线算法编程 友情 链接 甘肃明星软件公司 北京神州祥龙科技公司 神州祥龙在线财务 百度 360搜索 腾讯 IT资讯 IT网易科技 华军软件园 天空下载 Copyright @甘肃明星软件开发有限公司 全国统一服务热线：400-633-9193 E-mail：417560663@qq.com 网站备案：陇ICP备2021002704号-1 甘公网安备 62010202002545号 基本 文件 流程 错误 SQL 调试 请求信息 : 2024-11-23 12:23:53 HTTP/1.1 GET : /knowledge/829.html 运行时间 : 0.2894s ( Load:0.0079s Init:0.0014s Exec:0.2694s Template:0.0107s ) 吞吐率 : 3.46req/s 内存开销 : 3,907.95 kb 查询信息 : 6 queries 1 writes 文件加载 : 33 缓存信息 : 0 gets 0 writes 配置加载 : 133 会话信息 : SESSION_ID=bbi51ompcpounmjufbic9bnmc4 /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/index.php ( 0.65 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/ThinkPHP.php ( 4.61 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Think.class.php ( 11.98 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Storage.class.php ( 1.34 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Storage/Driver/File.class.php ( 3.44 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Mode/common.php ( 2.75 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Common/functions.php ( 51.09 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Hook.class.php ( 3.91 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/App.class.php ( 12.24 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Dispatcher.class.php ( 14.82 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Route.class.php ( 13.07 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Controller.class.php ( 10.65 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/View.class.php ( 7.73 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/BuildLiteBehavior.class.php ( 3.61 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/ParseTemplateBehavior.class.php ( 3.80 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/ContentReplaceBehavior.class.php ( 1.88 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Conf/convention.php ( 11.01 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Application/Common/Conf/config.php ( 1.41 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Lang/zh-cn.php ( 2.52 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Conf/debug.php ( 1.48 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Application/Home/Conf/config.php ( 0.35 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/ReadHtmlCacheBehavior.class.php ( 5.51 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Application/Home/Controller/KnowledgeController.class.php ( 6.97 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Model.class.php ( 65.40 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Db.class.php ( 5.56 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Db/Driver/Mysql.class.php ( 8.50 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Db/Driver.class.php ( 40.48 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Template.class.php ( 27.66 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Template/TagLib/Cx.class.php ( 22.02 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Think/Template/TagLib.class.php ( 8.95 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Runtime/Cache/Home/17fbb0d3add0168db43663dc47af1bd0.php ( 9.30 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/WriteHtmlCacheBehavior.class.php ( 1.40 KB ) /usr/home/wh-abdj7evn2xqigkdw8im/htdocs/Core/Library/Behavior/ShowPageTraceBehavior.class.php ( 5.15 KB ) [ app_init ] --START-- Run Behavior\BuildLiteBehavior [ RunTime:0.000008s ] [ app_init ] --END-- [ RunTime:0.000056s ] [ app_begin ] --START-- Run Behavior\ReadHtmlCacheBehavior [ RunTime:0.000337s ] [ app_begin ] --END-- [ RunTime:0.000385s ] [ view_parse ] --START-- [ template_filter ] --START-- Run Behavior\ContentReplaceBehavior [ RunTime:0.000045s ] [ template_filter ] --END-- [ RunTime:0.000086s ] Run Behavior\ParseTemplateBehavior [ RunTime:0.007326s ] [ view_parse ] --END-- [ RunTime:0.007368s ] [ view_filter ] --START-- Run Behavior\WriteHtmlCacheBehavior [ RunTime:0.000198s ] [ view_filter ] --END-- [ RunTime:0.000225s ] [ app_end ] --START-- SHOW COLUMNS FROM `ot_knowledge` [ RunTime:0.0043s ] SELECT * FROM `ot_knowledge` WHERE `id` = 829 LIMIT 1 [ RunTime:0.0143s ] UPDATE `ot_knowledge` SET `view`=view+1 WHERE ( id=829 ) [ RunTime:0.0152s ] SELECT * FROM `ot_knowledge` ORDER BY view desc LIMIT 6 [ RunTime:0.0174s ] SELECT * FROM `ot_knowledge` ORDER BY rand() LIMIT 6 [ RunTime:0.1847s ] SELECT * FROM `ot_knowledge` WHERE ( id<829 ) ORDER BY id desc LIMIT 1 [ RunTime:0.0077s ] SELECT * FROM `ot_knowledge` WHERE ( id>829 ) ORDER BY id LIMIT 1 [ RunTime:0.0039s ] 0.2894s