AJAX请求数据到select2中

时间:2022-12-29 13:59:41

$.post() 方法使用 HTTP POST 请求从服务器加载数据。

$(selector).post(URL,data,function(data,status,xhr),dataType)

参数 描述
URL 必需。规定将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(data,status,xhr) 可选。规定当请求成功时运行的函数。
额外的参数:
  • data - 包含来自请求的结果数据
  • status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror")
  • xhr - 包含 XMLHttpRequest 对象
dataType 可选。规定预期的服务器响应的数据类型。
默认地,jQuery 会智能判断。
可能的类型:
  • "xml" - 一个 XML 文档
  • "html" - HTML 作为纯文本
  • "text" - 纯文本字符串
  • "script" - 以 JavaScript 运行响应,并以纯文本返回
  • "json" - 以 JSON 运行响应,并以 JavaScript 对象返回
  • "jsonp" - 使用 JSONP 加载一个 JSON 块,将添加一个 "?callback=?" 到 URL 来规定回调

示例:

 
function getDeviceRolenameList(selet,deviceRoles,callback){    $.post("URL",function(json){    	//debugger;        var resultList = json.resultList;        var optionHtml = "";        deviceRoleArray = deviceRoles.split(",");        console.log(deviceRoleArray);        for(var i in resultList){            var id = resultList[i].id;            var name = resultList[i].name;            var selected = "";            for(var j in deviceRoleArray){                if(id == deviceRoleArray[j]&&deviceRoleArray[j]!=""){                    selected = "selected";                }            }            optionHtml += "<option value='"+id+"' "+selected+">"+name+"</option>";        }        $(selet).html(optionHtml);        $(selet).select2({            placeholder: "选择设备角色",            allowClear: true,            escapeMarkup: function (m) {                return m;            }        });        if(callback){            callback();        }    });}

调用: getDeviceRolenameList ( $ ( "select2 " ), " 数据 ","函数" );

AJAX请求数据到select2中