WEB_EasyUI中comboBox远程绑定json数据引起的访问跨域问题

  使用EasyUI的comboBox插件调用服务器json数据的时候,在控件中显示不出来,最后找的解决方法是在返回json的response中加入代码:response.setHeader("Access-Control-Allow-Origin", "*");下面列出代码:

  客户端(jsp页面):

<input class="easyui-combobox"
name="selectcombox"
data-options="
url:'返回json的地址',
method:'get',
valueField:'id',
textField:'text',
multiple:true,
panelHeight:'auto'
">

在这里要返回的json数据的样式是一个数组:

[{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3,
* "text":"text3", "selected":true },{ "id":4, "text":"text4" },{
* "id":5, "text":"text5" }]


 服务器端的处理:

@RequestMapping("/getcheckboxdata.do")
public void getcheckboxdata(HttpServletRequest request,
HttpServletResponse response) throws Exception {
System.out.println("nihao");
JSONObject respJson = new JSONObject();

JSONArray arr = new JSONArray();

JSONObject object = new JSONObject();
object.accumulate("id",1);
object.accumulate("text", "text1");

arr.add(object);

JSONObject object2 = new JSONObject();
object2.accumulate("id",2);
object2.accumulate("text", "text2");


arr.add(object2);
response.setHeader("Access-Control-Allow-Origin", "*");// 这是关键的地方
response.getWriter().write(arr.toString());

  }

一开始的问题是:combobox中的下拉列表总是显示不出内容来,在服务器中加入 response.setHeader("Access-Control-Allow-Origin", "*");// 这是关键的地方

就ok了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui,可以通过设置combobox的data属性来绑定数据源。data属性可以是一个JavaScript数组,包含要显示在combobox数据。 以下是一个简单的示例代码,示例combobox数据源是一个包含“北京”、“上海”、“广州”和“深圳”的数组: ```javascript $('#mycombobox').combobox({ data: [ {value: '北京', text: '北京'}, {value: '上海', text: '上海'}, {value: '广州', text: '广州'}, {value: '深圳', text: '深圳'} ] }); ``` 在这个示例代码,mycomboboxcombobox的id,data属性是一个数组,包含了要显示在combobox数据。数组的每个元素都是一个对象,包含了value和text属性。value属性表示该选项的值,text属性表示该选项在combobox显示的文本。 如果需要从后台获取数据绑定combobox,则可以使用easyui远程数据绑定方法。在远程绑定,需要指定combobox的url属性和valueField属性,url属性表示从后台获取数据的url,valueField属性表示数据每个选项的值字段。 以下是一个远程数据绑定的示例代码,示例combobox数据源是从远程url获取的: ```javascript $('#mycombobox').combobox({ url: 'data.php', valueField: 'id', textField: 'text' }); ``` 在这个示例代码,mycomboboxcombobox的id,url属性表示从后台获取数据的url,valueField属性表示数据每个选项的值字段,textField属性表示数据每个选项的文本字段。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值