如何简化冗余的AJAX请求代码？现有可运行代码需优化

嘿，我瞅了你这段AJAX代码，功能跑起来没问题，但结构确实有点冗余，尤其是success回调里重复调用textEllipsis的部分，看着就头疼！咱们来一步步把它捋顺，让代码更清爽、好维护。

1. 抽离AJAX公共配置，减少重复 #

首先，你代码里的dataType、type、cache、ifModified这些固定配置，可以单独抽成一个公共配置对象，后续其他AJAX请求也能复用，改配置只需要动一处：

// 定义AJAX公共配置，统一管理重复项
const ajaxCommonConfig = {
  dataType: 'json',
  type: 'GET',
  cache: false,
  ifModified: true
};

2. 重构重复的textEllipsis调用 #

success里多次调用textEllipsis，参数只是选择器和索引不同，咱们把这些目标元素整理成数组，用循环批量处理，再也不用复制粘贴重复代码：

// 把需要处理文本截断的元素统一存到数组里
const ellipsisElements = [
  { selector: '.biggestNews .majorNews h2', index: 0, maxLength: 30 },
  { selector: '.otherNews #news2 h2', index: 1, maxLength: 30 },
  { selector: '.otherNews #news3 h2', index: 2, maxLength: 30 },
  { selector: '.otherNews #news4 h2', index: 3, maxLength: 30 },
  // 以后要加新的元素，直接在这数组里加一行就行
];

// 封装成单独的处理函数，职责单一
function handleTextTruncation() {
  if (window.innerWidth > 1280) {
    ellipsisElements.forEach(item => {
      textEllipsis(item.selector, item.index, item.maxLength);
    });
  }
}

3. 拆分success回调，让逻辑更清晰 #

把原来写在$.ajax配置里的匿名回调抽成命名函数，AJAX的配置结构会更清爽，回调逻辑也能单独测试或复用：

// 单独定义成功回调函数，把业务逻辑拆出来
function onMajorNewsLoaded(result) {
  // =======这里放你原来的其他业务逻辑=======
  
  // 调用封装好的文本截断处理
  handleTextTruncation();
}

4. 组合优化后的AJAX调用 #

现在把这些部分拼起来，AJAX代码会变得非常简洁，一眼就能看懂核心逻辑：

// 发起AJAX请求，用扩展运算符引入公共配置
$.ajax({
  url: "api/indexMajorNewsGroup.json",
  ...ajaxCommonConfig,
  success: onMajorNewsLoaded
});

进阶：用async/await优化异步流程（如果环境支持） #

如果你的项目允许使用ES6+语法，还可以把AJAX改成async/await写法，异步逻辑会更直观，还能方便地添加错误处理（原来的代码没考虑错误情况，建议加上）：

async function fetchMajorNews() {
  try {
    const result = await $.ajax({
      url: "api/indexMajorNewsGroup.json",
      ...ajaxCommonConfig
    });
    
    // 处理成功逻辑
    // =======这里放你原来的其他业务逻辑=======
    handleTextTruncation();
  } catch (error) {
    // 捕获请求失败的情况，让程序更健壮
    console.error('加载新闻数据失败:', error);
  }
}

// 调用函数发起请求
fetchMajorNews();

优化后的好处 #

• 可维护性更高：新增/修改文本截断元素只需要调整数组，改AJAX公共配置只动一处；
• 逻辑更清晰：每个函数只做一件事，看代码的时候能快速定位各个模块的功能；
• 扩展性更强：后续要加错误处理、其他请求复用配置都很方便；
• 可读性更好：告别密密麻麻的重复代码，结构一目了然。

内容的提问来源于stack exchange，提问作者lin