JavaScript中使用AJAX发送POST请求代码无法执行问题求助

• 第一步：确认jQuery库正常加载
  打开浏览器控制台（F12切换到Console面板），输入$回车，若返回ƒ (selector,context){return new jQuery.fn.init(selector,context)}这类jQuery构造函数说明加载正常；若报$ is not defined，说明要么未引入jQuery，要么引入路径错误，要么当前代码在jQuery加载完成前就执行了。
• 第二步：添加error回调捕获请求错误
  你当前的代码只配置了success回调，请求失败、返回值解析失败等情况都不会有任何提示，补充error回调打印错误信息：

  $.ajax({
    url: 'frmID.aspx',
    type: 'POST',
    data: JSON.stringify({
        name: $('#name').val(),
        surname: $('#surname').val()
    }),
    contentType: "application/json",
    dataType: 'json',
    success: function (json) {
        if (json['error']) {
            $('#alertinfo').html('<i class="fa fa-info-circle"></i>' + json['error']);
        }
        else if (json['success']) {
            $('#id').val(json['success']);
        }
    },
    // 新增error回调
    error: function(xhr, status, errorThrown) {
        console.log('请求异常信息：', {
            状态码: xhr.status,
            错误类型: status,
            错误详情: errorThrown,
            后端返回原始内容: xhr.responseText
        })
    }
  });
  

  执行后看控制台打印的错误信息，就能定位是路径错误、跨域、后端报错还是返回值格式问题。
• 第三步：检查请求路径与后端接口可用性
  切换到控制台的网络（Network）面板，触发sayHello函数后看是否有对frmID.aspx的请求：
  • 若状态码为404：确认frmID.aspx的路径是否正确，相对路径是否匹配当前页面的目录层级，可以改为绝对路径测试
  • 若状态码为400/500：后端接口报错，检查传参格式是否符合后端要求，或者后端逻辑是否存在异常
  • 若状态码为跨域相关的CORS错误：需要后端配置跨域访问权限
• 第四步：校验返回值格式与dataType配置是否匹配
  你指定了dataType: 'json'，jQuery会强制将返回内容按JSON解析，只要返回内容不符合JSON规范（比如多了空格、换行、HTML片段、BOM头），都会直接进入error回调，不会走success。可以先临时去掉dataType配置，或者改为dataType: 'text'，先打印原始返回内容确认格式正确。
• 第五步：校验请求参数是否正常
  在ajax请求前加入打印语句，确认你传入的参数取值正常：

  console.log('姓名取值：', $('#name').val(), '姓氏取值：', $('#surname').val())
  

  避免页面元素不存在、ID拼写错误导致取到undefined，触发后端参数校验失败。

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