同步与异步，阻塞和非阻塞(bootstrap-table/ajax获取数据)

同步和异步

同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication)

同步

同步，就是在发出一个调用时，在没有得到结果之前，该调用就不返回。但是一旦调用返回，就得到返回值了。
换句话说，就是由调用者主动等待这个调用的结果。

异步

异步则是相反，调用在发出之后，这个调用就直接返回了，所以没有返回结果。换句话说，当一个异步过程调用发出后，调用者不会立刻得到结果。当一个异步过程调用发出后，调用者不会立刻得到结果。而是在调用发出后，被调用者通过状态、通知来通知调用者，或通过回调函数处理这个调用。

典型的异步编程模型比如Node.js举个通俗的例子：你打电话问书店老板有没有《分布式系统》这本书，如果是同步通信机制，书店老板会说，你稍等，”我查一下"，然后开始查啊查，等查好了（可能是5秒，也可能是一天）告诉你结果（返回结果）。而异步通信机制，书店老板直接告诉你我查一下啊，查好了打电话给你，然后直接挂电话了（不返回结果）。然后查好了，他会主动打电话给你。在这里老板通过“回电”这种方式来回调。

异步请求原理

在ajax执行期间，js代码会继续执行直到最终的return语句。并不会等待ajax请求结束后才往下执行。最终return的的flag值为就可能为true，也可能为false。

遇到的问题

• 在设置BootStrap-table 的 column属性的formatter属性方法时,获取不到post得到的数据，而单独调用的时候，可以正常获取到json数据
• 解决方法1：把ajax的async设为false
• 解决方法2：直接用post请求，不用ajax；但是$.post(); $.get();也默认都是异步，所以要在post前，添加 $.ajaxSettings.async = false;。额。这么看来这是同一个解决方法，就是 改为同步。

function getDeptById(value, row, index) {
	var value;
	var deptId = row.deptId;
	if (row.deptId == 0) {
		return "无";
	}
	var v1 = $.ajax({
		url : "/getDeptById/" + deptId,
		type : "POST",
		dataType : "json",
		async : false,//同步，默认是true，异步
		success : function(data) {
			if (data != null) {
				// alert(data.status);无论同步异步这里都可以正常获取
				//只是异步获取不到返回数据
				console.log(data.data.deptName);
				// value = JSON.stringify(result);
				value = data.data.deptName;
			}
		}
	});
	alert(JSON.stringify(v1));
		//同步readyState：4  得到数据
		//异步readyState：1 没有数据
	return value;

}

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收 接收到了响应头
3: 请求处理中 正在下载响应体
4: 请求已完成，且响应已就绪

阻塞和非阻塞

阻塞和非阻塞关注的是程序在等待调用结果（消息，返回值）时的状态.

阻塞

阻塞调用是指调用结果返回之前，当前线程会被挂起。调用线程只有在得到结果之后才会返回。

非阻塞

非阻塞调用指在不能立刻得到结果之前，该调用不会阻塞当前线程。

还是上面的例子，你打电话问书店老板有没有《分布式系统》这本书，你如果是阻塞式调用，你会一直把自己“挂起”，直到得到这本书有没有的结果，如果是非阻塞式调用，你不管老板有没有告诉你，你自己先一边去玩了， 当然你也要偶尔过几分钟check一下老板有没有返回结果。在这里阻塞与非阻塞与是否同步异步无关。跟老板通过什么方式回答你结果无关

参考：
链接：https://www.zhihu.com/question/19732473/answer/20851256

用ajax实现bootstrap-table

问题表述：数据库里存的是 id ，不能自动获去他的名称，需要自己手动配置
BootStrap-table 的 column属性的formatter属性

, {
				title : "专业",
				field : 'magorId',
				formatter : getMajorById,
	},

function getMajorById(value, row, index) {
	var majorId = row.majorId;
	var value;
	if (row.majorId == 0) {
		return "未分配";
	}
	$.ajaxSettings.async = false;
	$.post("/getMajorById", {
		"majorId" : majorId
	}, function(data) {
		value = data.data.majorName;
		console.log(value);
	});
	return value;
}