jQuery底层ajax实现的调用Demo

前言

ajax 本质上是一个通过http请求加载远程数据的过程。$.ajax 这个 API 是 jQuery 的底层 ajax实现。大多情况下，一般无需直接使用该API发送ajax请求，而是使用其对应的更简单易用的高层实现，如 $.get, $.post 等。不过有时候需要操作一些不常用的选项参数，则需要使用其底层实现 $.ajax 了。

$.ajax 调用Demo

$.ajax({
    url: url,
    type: "POST",
    async: false, // 设置为false发送同步请求，true发送异步请求
    data: {
        // 发送到服务器的数据
        "key1": "value1",
        "key2": "value2"
    },
    success: function(result) {
        // console.info(result);
        // TODO 具体业务逻辑
    },
    error: function(xhr) {
       // console.info(xhr);
       var alertMsg = "请求失败！<br/>" + xhr.status + "(" + xhr.statusText + ")";
       alert(alertMsg); // 这里使用JavaScript的原生API对错误信息进行了简单提示，具体项目UI框架、UI风格等不一致，需根据具体情况改写
    }
}); // end of $.ajax