全球主机交流论坛

标题: js大佬请进 [打印本页]
作者: akatom    时间: 2020-12-14 15:38
标题: js大佬请进
现在是不是很少用原生的ajax了
都是jquery ajax的了
作者: h20    时间: 2020-12-14 15:39
提示: 作者被禁止或删除 内容自动屏蔽
作者: duyu    时间: 2020-12-14 15:39
jquery都要被淘汰了。。。
作者: ighook    时间: 2020-12-14 15:40
本帖最后由 ighook 于 2020-12-14 15:41 编辑

JS原生封装AJAX函数     够简洁么？     还可以自己改改  

  1. /* 封装ajax函数
  2. * @param {string}opt.type http连接的方式，包括POST和GET两种方式
  3. * @param {string}opt.url 发送请求的url
  4. * @param {boolean}opt.async 是否为异步请求，true为异步的，false为同步的
  5. * @param {object}opt.data 发送的参数，格式为对象类型
  6. * @param {function}opt.success ajax发送并接收成功调用的回调函数
  7. */
  8. function Ajax(opt) {
  9.     opt = opt || {};
  10.     opt.method = opt.method.toUpperCase() || 'POST';
  11.     opt.url = opt.url || '';
  12.     opt.async = opt.async || true;
  13.     opt.data = opt.data || null;
  14.     opt.success = opt.success || function() {};
  15.     var xmlHttp = null;
  16.     if (XMLHttpRequest) {
  17.         xmlHttp = new XMLHttpRequest();
  18.     } else {
  19.         xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
  20.     }
  21.     var params = [];
  22.     for (var key in opt.data) {
  23.         params.push(key + '=' + opt.data[key]);
  24.     }
  25.     var postData = params.join('&');
  26.     if (opt.method.toUpperCase() === 'POST') {
  27.         xmlHttp.open(opt.method, opt.url, opt.async);
  28.         xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');
  29.         xmlHttp.send(postData);
  30.     } else if (opt.method.toUpperCase() === 'GET') {
  31.         xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);
  32.         xmlHttp.send(null);
  33.     }
  34.     xmlHttp.onreadystatechange = function() {
  35.         if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
  36.             opt.success(xmlHttp.responseText);
  37.         }
  38.     };
  39. }

  41. /*Ajax({
  42.     method: 'POST',
  43.     url: 'Ru.php',
  44.     data: {
  45.         name1: 'value1',
  46.         name2: 'value2'
  47.     },
  48.     success: function(response) {
  49.         //console.log(response)；
  50.     }
  51. });*/
复制代码
作者: 胖虎    时间: 2020-12-14 15:40
喜欢哪个，会用哪个，就用哪个。
作者: js攻城狮    时间: 2020-12-14 15:40
现在都用axios！
作者: tir    时间: 2020-12-14 15:40
不知道，我觉得那个好用就用那个吧
作者: akatom    时间: 2020-12-14 15:41
ighook 发表于 2020-12-14 15:40

这是自己写ajax么  我菜鸟看不懂
作者: akatom    时间: 2020-12-14 15:43
js攻城狮 发表于 2020-12-14 15:40
现在都用axios！

那又是个啥 东西 大佬解释一下
作者: Evan    时间: 2020-12-14 15:43
不是哦，看需求的。能用库就用，不能就用原生。
作者: js攻城狮    时间: 2020-12-14 15:44
akatom 发表于 2020-12-14 15:43
那又是个啥 东西 大佬解释一下

兼容Web和Node.js的库
作者: akatom    时间: 2020-12-14 15:46
js攻城狮 发表于 2020-12-14 15:44
兼容Web和Node.js的库

Soga寺内 那我学完js基础再上 就行吧
作者: ighook    时间: 2020-12-14 15:46
akatom 发表于 2020-12-14 15:41
这是自己写ajax么  我菜鸟看不懂

原生AJAX封装的
作者: akatom    时间: 2020-12-14 15:47
ighook 发表于 2020-12-14 15:46
原生AJAX封装的

那就是底层的代码咯？
作者: yqesl1    时间: 2020-12-14 15:50
ighook 发表于 2020-12-14 15:40
JS原生封装AJAX函数     够简洁么？     还可以自己改改

代码看着舒服，厉害
作者: oneosx    时间: 2020-12-14 15:51
axios fetch
作者: akatom    时间: 2020-12-14 15:57
oneosx 发表于 2020-12-14 15:51
axios fetch

fetch到时听说过一点
作者: Xhofe    时间: 2020-12-14 16:02
现在不都是axios了嘛
作者: 摩卡    时间: 2020-12-14 16:05
公司项目都用axios或者原生的fetch
作者: fei2018    时间: 2020-12-14 16:12
jquery已经过时了
作者: Sxin    时间: 2020-12-14 16:14
  先把JS基础看完啊 还有es6 看完就懂了
作者: akatom    时间: 2020-12-14 16:16
Sxin 发表于 2020-12-14 16:14
先把JS基础看完啊 还有es6 看完就懂了

es6感觉 有点难  还有什么typescript
作者: Sxin    时间: 2020-12-14 16:21
akatom 发表于 2020-12-14 16:16
es6感觉 有点难  还有什么typescript

... typescript 是另外种语言了，不要急着学啊
作者: 感谢有你    时间: 2020-12-14 16:22
jquery是个框架
作者: akatom    时间: 2020-12-14 16:26
Sxin 发表于 2020-12-14 16:21
... typescript 是另外种语言了，不要急着学啊

没学  目前还是看js基础  别的都是听过而已



欢迎光临 全球主机交流论坛 (https://loc.wget.at/) Powered by Discuz! X3.4