Ajax数据交互

分享一个最近做的放在微信公众号的一个项目！

首先，现在的项目基本上都是前后端分离，后端传过来一个接口，前端开始调用数据，然后渲染，下面显示的就是一小段项目中用到的Ajax。

下边这个Ajax是添加类型，先通过接口获取到数据，再把数据循环添加到你想要添加到地方。

• 一般的话，data{} 里边应该传你需要传给后台的值，然后后台会返回给你数据，我这里不用传，所以就没有写。 
• 循环的话用什么都可以，我个人比较喜欢用each，里边直接找数组里的具体元素。

var url = address + "appbasedata/policeTypeList";
	$.ajax({
		type: "get",        //类型
		url: url,
		data: {},         //键对应值  “key”：value
		xhrFields: {
			withCredentials: true
		},
		crossDomain: true,
		cache: false,
		dataType: 'json',    //数据格式
		success: function(data) {
    		//添加类型
    		var options="";
    		$.each(data.pushType,function (index ,  val) {
		         options += " <option value='" + val.DICTIONARIES_ID + "'>" + val.NAME + "</option>";
		    });
		    $("#NEW_TYPES").append(options);
		},
		error: function() {
		},
	});

Ajax在工作中出现的概率是非常高的，所以平常可以保存一个模板，用到的时候直接拿过来使用就可以了。