select2 ajax加载数据,支持模糊查询(非本地)

$(‘#select_yx‘).select2({
placeholder: "----请选择院系----",
width: "183px",
allowClear: true,
language: {
noResults: function (params) { return "暂无数据"; }
},
minimumResultsForSearch: -1,
ajax: {
url: apiaddress + ‘/Institute/GetInstitutes‘,
dataType: ‘json‘,
method: ‘POST‘,
delay: 500,
data: function (params) {
var query = {
Name: params.term
};
return query;
},
beforeSend: function (xhr) {
xhr.setRequestHeader("Authorization", "Bearer " + vToken);
},
processResults: function (data, params) {
var results = [];
if (data != null) {
var tmp = data.result;
for (var i in tmp) {
var temp = tmp[i];
results.push({ id: temp.id, text: temp.name });
}
}
return {
results: results
};
}
}
});

原文地址:https://www.cnblogs.com/Anthony518/p/11258499.html

时间: 2024-08-25 07:48:53

select2 ajax加载数据,支持模糊查询(非本地)的相关文章

滑轮滚动到页面底部ajax加载数据

滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧 当然本例子采用的是jquery库,后期会做成原生js.本例的数据调用的是锋利的jquery一书提供的一段json. 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height(): 再给windo

ExtJS学习笔记2:响应事件、使用AJAX加载数据

响应事件: 1.设置一个html标记 <div id="my-div">Ext JS 4 Cookbook</div> 2.使用get函数获取此标记对象 var el = Ext.get('my-div'); 3.将响应函数和对象的事件绑定 el.on('click', function(e, target, options){ alert('The Element was clicked!'); alert(this.id); }, this); 4.一次也可

Ajax 加载数据 练习

查询表的显示,查询显示如果不嵌入PHP代码的话,用ajax怎么实现?   <h1>显示数据</h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>代号</td> <td>姓名</td> <td>性别</td>

Ajax加载数据的使用

需求就是不能再进入页面时加载数据,只能在点击其中一个按钮时把数据加载呈现出来.具体效果如最下面的图. 1.前台页面 1 <h1 class="title" id="001" name="001" onclick="GetData(1)"> 2 概述 <span class="title_icon"></h1> 3 <div class="mc_list&q

利用Ajax加载数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

分页插件,屏幕滚动ajax加载数据渲染页面

<link rel="stylesheet" href="yunsuifang/pc-patients/css/dropload.css" />    <style>       .opacity {            webkit-animation: opacity 0.3s linear;            animation: opacity 0.3s linear;        } @-webkit-keyframes o

前台ajax加载数据

<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script src="~/Scripts/jquerytemplate.js"></script> function sendPostRequest(targetUrl, parameters, successCallback, errorCallback) { $.ajax({ typ

Ext选项卡tabpanel切换动态加载数据

鸣人不说暗话,来张图: 代码开始:(使用Ext,ajax加载数据,如果你们有好的方法也可以多多交流)var tabxsk = new Object(); //初始化 tabxsk.init = function () { test.pageSize = Math.floor((d_right_height() - 106 - 27) / 23); tabxsk.markpageSize = Math.floor((d_right_height() - 106 - 27) / 23); tabxs

HTML5 实现触摸加载数据

var startX;                     //触摸起始横坐标var startY;                    //触摸起始纵坐标var moveSpave;                //移动的距离var isMoveX = true;          //判断是否为左右移动var isFirst = true;          //是否要判断touchmove方向var beginTime=0; //监听 触摸事件    document.queryS