select2 ajax 获取java后台数据 提示params is not defined

下拉框没有任何选项内容

图片说明

js代码

 /* 执行select2方法初始化 */
function select2Execute() {

    var dataList = [
                    { id: 0, text: 'enhancement' }, 
                    { id: 1, text: 'bug' }, 
                    { id: 2, text: 'duplicate' }, 
                    { id: 3, text: 'invalid' }, 
                    { id: 4, text: 'wontfix' }
                  ];

    var dataList1=[{'id':"1","text":"enhancement"}];




    $(function() {
/*本地注入方式*/
        /*$("select[name='xuewei_id']").select2({
            // $('select[id="xuewei_id"]').select2({
            // $('#xuewei_id').select2({
            // $("#selectSection").find("select.combox").select2({
            // $(".select2-selection__choice").select2();
            // $(".combox").select2({

            placeholder : "请至少选择一个人名",
            tags : true,
            createTag : function(decorated, params) {
                return null;
            },
            width : '256px',

        });*/

        //two  AJAX获取数据方式
        //$("select[name='xuewei_id']").select2({
        $(".downList2").select2({
          ajax: {
            type:'GET',
//          url: '/erzhentang/manage/forAjax.do?requestType=12.1',
            url: dataList1,
            dataType: 'json',
            delay: 250,
            data: function (params) {
              return {
                q: params.term, // search term 请求参数
                page: params.page
              };
            },
            processResults: function (data, params) {
              params.page = params.page || 1;
              /*var itemList = [];
              var arr = data.result.list
              for(item in arr){
                  itemList.push({id: item, text: arr[item]})
              }*/
              return {
                results: data.items,//itemList
                pagination: {
                  more: (params.page * 2) < data.total_count
                }
              };
            },
            cache: true
          },
          placeholder:'请选择',//默认文字提示
          language: "zh-CN",
          tags: true,//允许手动添加
          allowClear: true,//允许清空
          escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
          minimumInputLength: 0,
          formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
          formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
        });




        function formatState(state) {
            if (!state.id) {
                return state.text;
            }
            var $state = $('<span>' + state.text + '</span>');
            return $state;
        }
        ;

        $('#sel_recommender').select2({
            placeholder : "请选择一个人名",
            templateResult : formatState,
            width : '256px'
        });

        // 通过id获取select2的text值,这里的text值可能有空格,需注意
        function getSelect2Text(obj) {
            var select2Obj = $("select[name='xuewei_id']").select2();
            return select2Obj.find("option:selected").text();
        }


        /* 获取每一个name对应的值 */
        var strXueweiId = "";
        $("[name=xuewei_id]").each(function() {
            alert("this值:" + $(this).val());
            /* 拼接每一项name的值 组合成和其它项目类似 gender那样的数组 */
            strXueweiId += $(this).val() + "-";

        });
        alert("strXueweiId:" + strXueweiId)
        $("#strXueweiId").val(strXueweiId)


    });
}
0

3个回答

看你的java程序,processResults:返回的对不对

返回的选项必须处理成以下格式
var results = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];

https://blog.csdn.net/szhielelp/article/details/73556066

1
u012503756
bulidfer 直接 把results 写死 就是把注释去掉了 下拉框出来了 但是 选择以后保存到 后台 前端页面怎么回显选中的选项
大约一年之前 回复
u012503756
bulidfer 感谢关注我的问题 debug 就是 不执行 url 还有 刚用你的results选中后 保存到后台的是 id值 但是 怎么实现回显 每次进入 下拉框都是空的
大约一年之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 回复u012503756: 你浏览器抓包看下啊
大约一年之前 回复
u012503756
bulidfer 压根就不执行 url
大约一年之前 回复

//two AJAX获取数据方式
这个方法里的url是dataList1,这个是个json,是不是你的参数啊
好像你没写对url

1
batterMRTAN
batterMRTAN 回复u012503756: 2、后台生成json返回页面
大约一年之前 回复
batterMRTAN
batterMRTAN 回复u012503756: 1、测试时,先写个固定的json返回到页面
大约一年之前 回复
u012503756
bulidfer 谢谢 但是如何回显后台的数据呢
大约一年之前 回复

后台代码

    if("12.5_1".equals(requestType)){//查询科研检测穴位
            String jsonOM = "["+ "{\"id\":\"68\",\"body_name\":\"平和质\"},{\"id\":\"104\",\"body_name\":\"特禀质\"}]";
                    JSONArray ja = JSONArray.fromObject(jsonOM);
            OutputUtil.outPutJsonArrary(response, ja);// 用jsonArray数组
    }



js代码 url已更换 还是 不执行

     $(".downList2").select2({
          ajax: {
            type:'GET',
            url: '/erzhentang/manage/forAjax.do?requestType=12.5_1',
//          url: dataList1,
            dataType: 'json',
            delay: 250,
            data: function (params) {
              return {
                q: params.term, // search term 请求参数
                page: params.page
              };
            },

图片说明

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select2简单使用(含ajax获取是数据)
直接上代码(如果引用的js或者css失效的话请更改):复制保存即可运行 但是不知道怎么回事语言包好像没用 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta
js获取java后台数据
我用JSONArray封装java servlet中从数据库读取的list,然后在js中运用JSONArray的数据,这样写不知对不,哪位大牛帮忙看下,谢谢!下面为部分java代码:rn JSONArray ja=JSONArray.fromObject(lists);rn System.out.println(ja);rn下面为JS部分代码:rnfunction getdata()rn var data="";rn $.ajax(rn type : "POST",rn contentType : "application/json",rn url : "ShowServlet,rn dataType : 'json',rn success : function(result) rn alert(result);rn var statementsdata="";rn for(i=0;i
flash获取java后台数据
利用flash的脚步语言获取后台数据库的数据信息,后台是java链接mysql
java后台获取xml文件数据()
java后台获取xml文件数据(无需了解xml标签内容) 第一种:按标签获取数据(大部分人博客上都有,这里不做记载) 第二种:按照顺序从根节点一直遍历往下知道最后一级数据 public static void main(String[] args) throws Exception {         // TODO Auto-generated method stub
Select2在使用ajax获取远程数据时显示默认数据
假设我需要在我的select2中默认添加一个之前从服务器上获取过的数据,通过以下方法实现。实测可行~var value = 1 var text = '默认文本' $('.selecter').html('<option value="' + value + '">' + text + '</option>').trigger("change")以上代码其实就是将class="selecter"的s
bootstrap select2插件用ajax来获取和显示数据
用select2插件,实现以下这个选择框: 1、html代码 预定义参数 2、js代码 $("#preParamDefine").select2({ //data: data, placeholder:'请选择',//默认文字提示 tags: true,//允许手动添加 allowClear: true,//允许清空
Select2 - Ajax 获取下拉框分页数据(鼠标滚动分页)
适用场景:下拉框中有大量数据的情况(建议100条数据以上就要考虑使用分页获取的方式了)。 直接上代码     引入相关js和css     select2/select2.min.css     select2/select2.min.js     select2/i18n/zh-CN.js /** * ajax获取select2下拉框数据(带鼠标滚动分页) * @param s...
select2实现ajax查询数据
1、 首先需要在jsp页面导入有关select2的js和css文件,前提也需要Jquery的js文件 &amp;amp;lt;link href=&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; /&amp;amp;gt; &amp;amp;lt;script src=&amp;quot;h
Select2初始化,Ajax传值
问题:想实现select2的下拉初始化,第一次使用。和普通select获取值的方式不一样,所以一直未解决!大神指点:1,select2默认值(Key)得形式是id和 text形式,需要循环进行解析2,HTML引入太多select的css样式,只需要引用select2.min.css和select2.min.js即可实例:HTML文件&amp;lt;select id=&quot;branchAllList&quot; cla...
Ajax怎么向Java后台发送(传递)数据
一定要加traditional: true设置traditional 为true阻止深度序列化 后台直接用Intger数组接收就可以了:
【jQuery如何从java后台拿数据】(ajax)
一  Servlet的编写    非常简单,就是新建一个Servlet就可以了。当然,新建一个Servlet的时候我们需要清楚这个servlet的访问路径。protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {     ...
获取url的params值
-
一直提示:xmlhttp is not defined
描述:在做一个公共聊天室的页面,在用户提交发言后,在公共讨论区显示发言。rntalk.php文件中的提交代码:rn rn其中还包含了:rn rn rnjs函数tk就是在main.js中定义的,代码为:rn function tk(form,maxtm)rn if(form.cont.value=="")rn alert("发言不允许为空!");rn form.cont.focus();rn return falsern rn face = form.face.value;rn color = form.color.value;rn obt = form.obt.value;rn cont = form.cont.value;rn var url = "talk_chk.php?action=send&face="+face+"&color="+color+"&obt="+obt+"&cont="+cont;rn xmlhttp.open("Get",url,true);rn xmlhttp.onreadystatechange = callback;rn xmlhttp.send(null);rn form.cont.value="";rn form.cont.focus();rn refrsh(maxtm);rn return false;rnrn但是提交发言后,提示: xmlhttp is not defined !! 弄了一晚上了,跪求!!!!!!rnxmlhttprequest.js中的代码:rn if(window.ActiveXObject)rn xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");rnelse if(window.XMLHttpReuqest)rn xmlhttp = new XMLHttpRequest();rn
select2 获取选中的值
     获取选中的名  var cardTypeW = $(&quot;#cardType option:checked&quot;).text(); 获取选中的值 写法1 var cardTypeW = $(&quot;#cardType option:checked&quot;).val(); 写法2 var cardTypeW = $(&quot;#cardType&quot;).find(&quot;option:selected&quot;).va...
select2获取当前值
$(&quot;#id1&quot;).trigger(&quot;change&quot;).val();
浏览器提示addEvent is not defined
大家帮帮忙,我装了IE之后,我的所有浏览器网页都出现问题,firefox提示addEvent is not defined
select2回显数据&&select2去除搜索框
select2回显数据: var _appState = null; if (1 == ‘query.applyState′)appState=‘申请中′;elseif(2==‘query.applyState′)appState=‘申请中′;elseif(2==‘{query.applyState}’) { _appState = ...
提示$ is not defined错误分析及解决
锋利的jquery--CH1
ajax跨域请求简单实现Java后台
ajax跨域结合java实现 因为官网有一个合作加盟的功能,需要一个表单录入,但是官网除了这个功能,都是静态页面,所以就准备写一个ajax跨域,保存到之前公司项目的后台管理系统去,第一次用ajax跨域,网上很多参考。这也是我的第一篇博文,准备以后养成这个习惯,以备后期参考。。。。。 通过自己N久找代码的经验,自我觉得大多数人应该不喜欢理论太多的文章,所以闲话不多说了,直接上代码 首先前端构造ajax请求:
ajax跨域请求到java后台报错
系统1中有个跳转按钮想跳转到系统2中n加了dataType:'JSONP'没效果,n加了 也没有效果nn```nvar urlSub = "http://10.10.123.62:8080/";n$.ajax(n url:urlSub+'jinfeng/login!jumpLogin.action',n dataType:'JSONP',n type:'post',n data:n 'loginNameJump':$("#loginNameJump").val(),n 'passwordJump':$("#passwordJump").val(),n 'jumpJinfeng':$("#jumpJinfeng").val()n ,n dataType:'json',n success:function(json)n window.location.href=urlSub+"jinfeng/index.jsp";n n);n```n报错如下n![图片说明](https://img-ask.csdn.net/upload/201703/20/1490000999_806798.png)n
ajax调用java后台方法
谁能给一个js或者jquery的 ajax调用java后台方法的,后台方法名setstu(),能解释一下更好
ajax请求可以进入java后台,但是获取不到java后台返回的数据
今天一天,都因为这个问题......崩溃 什么问题呢? 1、我在做一个手机app 2、我用java左后台,用Mysql+sqlyog做数据库 3、前端和后台是由ajax连接的 4、ajax可以进入后台,后台可以获取ajax传递过来的值 5、但是呢,java返回json类型的数据,ajax却请求不到,即不报错,也没有任何提示!!! 尝试 然后我用postman来测试后台的接口,完全没...
java后台+ajax实现三级联动
前端部分代码:省份是预先加载出来的 &amp;amp;amp;amp;lt;tr &amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;td&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;label for=&amp;amp;amp;quot;j_dialog_name&amp;amp;amp;quot; class=&amp;amp;amp;qu
select2 ajax 设置默认值,初始值
在做功能的时候需要修改数据, 修改数据时需要显示原始值. 但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题. 研究了3个小时, 最后使用$.ajax 重新加载原始值.初始值 并显示.
java后台获取扫码枪数据.7z
windows平台 java后台获取扫码枪数据
beego获取ajax数据
暂时保存晚上更
ajax的使用及数据的获取
在写ajax之前,先复习一下form表单。首先form表单的主要功能是用来向服务端提交数据的,其属性有action,method,enctype,等。 1,action属性:是提交的路径(服务器的路径)uri.(url统一资源定位,uri项目内部的资源定位); 2,method属性:其属性值主要有两个“post”和“get”,是form表单提交的传输方式。其中“post”和“get”的区别有如
获取动态加载ajax的数据
get_info import re import urllib2 import json import pandas as pd class Qyinyue(object): def __init__(self, url): self.url = url global datas datas = [] self.sta
获取AJAX的数据
大家知道AJAX的异步的,也就是说不用刷新网页也可以获取数据rn比如:这样[img=http://img.my.csdn.net/uploads/201211/14/1352869948_7099.png][/img]rn当点击魔兽世界(欧洲)的时候就会产生http://www.1337.com.cn/User/Ajax/IndexGet.php?&game=66&Start=0&Rows=9999999999&Cols=Server%3BAmount%3BUnitPrice%3B这样的请求,然后就会返回数据,就是图片下面那样的数据rnrn我是用c++来做的,当我open(_bstr_t("GET"),_bstr_t("http://www.1337.com.cn/User/Ajax/IndexGet.php?&game=66&Start=0&Rows=9999999999&Cols=Server%3BAmount%3BUnitPrice%3B"),_variant_t("false")); 的时候,它提示我要用正确的方式访问,其实我就是想获取这个地址返回的数据,不知道要怎么做呢?请大家帮帮忙,不会的话,帮顶也行啊!不要让我的这贴沉了就谢谢了[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/3.gif][/img]
ajax 获取后台数据
我在后台返回一个实体对象,在前台用ajax接收,对象可以获取到,但是怎么样可以将对象中的属性或取出来呢.
$http.jsonp跨域获取Java后台Servlet 数据
angular如何跨域到Java的servlet获取数据
select2 下拉加载 分页数据
这篇博文 http://www.php.cn/js-tutorial-384637.html 注释写的比较详细, (不过他做了很多修改) https://blog.csdn.net/bossxu_/article/details/80368471  这个也可以看看 首先,页面上引入jquery,和select2 &amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/...
获取Ajax网站数据
获取ajax数据的一种方法,目标网站:驾校一点通。 学驾照获取试题写的。
BHO获取AJAX数据
我的BHO是 INvoke beforenavigate2。无法获取AJAX的数据,请问该如何获得?
ajax 数据的获取
responseText:ajax请求返回的内容就被存放到这个属性下面 readyState属性:请求状态 -0 (初始化)还没调用open()方法 -1(载入)已调用send()方法,正在发送请求 -2(载入完成)send()方法完成,已收到全部响应内容 -3(解析)正在解析响应内容 -4(完成)响应内容解析完成,可以在客户端调用了 onreadystatechange :on r...
java后台创建url连接,获取接口数据
简介   1. 在实践中,当项目不断进行新功能开发的时候,我们就不可能将所有的方法、功能点全部都写在同一个项目里面,这样也不符合脱耦的趋势;   2. 那么,在项目中,我们既要增加新的功能点,又要最大限度地降低耦合度,我们就要不断地对接口进行深入发掘;   3. 像阿里的分布式服务框架dubbo,也是一种基于接口开发的服务框架,它不仅能松耦合,而且功能点都是通过不断增加接口来不断增加;
Select2加载远程数据
现在项目中的数据越来越多,对于需求来说,普通的下拉框是不能满足现在的需求,于是想到了之前看到的select2这个插件可以异步加载,就像百度的搜索一样 下面就说一下具体该如何使用 html> html> head> script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js">script> scr
select2 清空数据
  select2.js 没有清空数据的API,下面的方法可以间接的提供该功能。 $('#memberKey').select2('data', null);    
select2搜索框提示文字placeholder
select2配置时的placeholder是显示在下拉框中的 但是我需要在搜索框中显示提示文字, 百度翻了很久都没有翻到, bing终于翻到了 https://github.com/select2/select2/issues/3362 效果 实现: select2 &amp;lt;select class=&quot;select2-list taxon-select2&quot; name=&quot;qu...
jquery Select2 学习笔记之中文提示
首先学习这个东西呢,还是看官网比较全面 select2官网例子 要select2中文显示:必须要引入中文包,且一定要放在select2.js之后 $(".selectProduct").select2({ ajax: { url: "getProducts", dataType: 'json', type: 'POST', delay: