在前端页面开发的过程中，经常使用到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的示例 热门文章 权益乘数多少合适?和资产负债率的关系如何？ 年数总和法的计算公式和计算原理 固定资产投资增速和年平均增速是如何计算的？ 纳税人如何开具个人所得税纳税记录？ 公司聘用临时人员乘火车出差，车票可以抵扣么？ 提前开具增值税发票的处理办法？ 随机文章 再说贴现中的息差与增值税 新个税法下,资本公积转增资本真的不缴个人所得税吗 出纳现金技巧分析 浏览器调试动态js脚本的方法(图解) js分页之前端代码实现和请求处理 “货币资金”等于“现金及现金等价物”吗 友情 链接 甘肃明星软件公司 北京神州祥龙科技公司 神州祥龙在线财务 百度 360搜索 腾讯 IT资讯 IT网易科技 华军软件园 天空下载 Copyright @甘肃明星软件开发有限公司 全国统一服务热线：400-633-9193 E-mail：417560663@qq.com 网站备案：陇ICP备2021002704号-1 甘公网安备 62010202002545号 基本 文件 流程 错误 SQL 调试 请求信息 : 2024-09-20 02:20:59 HTTP/1.1 GET : /knowledge/829.html 运行时间 : 0.2557s ( Load:0.0080s Init:0.0014s Exec:0.2357s Template:0.0107s ) 吞吐率 : 3.91req/s 内存开销 : 3,918.34 kb 查询信息 : 6 queries 1 writes 文件加载 : 33 缓存信息 : 0 gets 0 writes 配置加载 : 133 会话信息 : SESSION_ID=kuriln1u00lp3g3qnnn6higm43 /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.000336s ] [ app_begin ] --END-- [ RunTime:0.000386s ] [ view_parse ] --START-- [ template_filter ] --START-- Run Behavior\ContentReplaceBehavior [ RunTime:0.000039s ] [ template_filter ] --END-- [ RunTime:0.000081s ] Run Behavior\ParseTemplateBehavior [ RunTime:0.007388s ] [ view_parse ] --END-- [ RunTime:0.007429s ] [ view_filter ] --START-- Run Behavior\WriteHtmlCacheBehavior [ RunTime:0.000199s ] [ view_filter ] --END-- [ RunTime:0.000227s ] [ app_end ] --START-- SHOW COLUMNS FROM `ot_knowledge` [ RunTime:0.0047s ] SELECT * FROM `ot_knowledge` WHERE `id` = 829 LIMIT 1 [ RunTime:0.0177s ] UPDATE `ot_knowledge` SET `view`=view+1 WHERE ( id=829 ) [ RunTime:0.0098s ] SELECT * FROM `ot_knowledge` ORDER BY view desc LIMIT 6 [ RunTime:0.0241s ] SELECT * FROM `ot_knowledge` ORDER BY rand() LIMIT 6 [ RunTime:0.1405s ] SELECT * FROM `ot_knowledge` WHERE ( id<829 ) ORDER BY id desc LIMIT 1 [ RunTime:0.0089s ] SELECT * FROM `ot_knowledge` WHERE ( id>829 ) ORDER BY id LIMIT 1 [ RunTime:0.0046s ] 0.2557s