日期:2014-05-16  浏览次数:20349 次

easyui的combobox示例代码,从VS调试,结果不正确,为什么?
请教:我在VS2010中新建html,实现combobox从json文件加载项。
问题:
如果从VS中F5启动,显示结果不正确;而直接到文件夹下,运行这个html却可以成功,为什么?
HTML code

<!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>
    <title></title>
    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="demo/demo.css"/>
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.easyui.min.js"></script>
        
</head>
<body>
<select id="cc" class="easyui-combobox" name="state" style="width:200px;" required="true"/>
<input type="button" value="LoadData" onclick="loadData()" />
 
 <script type="text/javascript">

     function loadData() {
         alert("dd");
         $('#cc').combobox({
             url: 'chargeStation.json',
             valueField: 'id',
             textField: 'text'
         });
     }
          
  </script>
</body>
</html>




------解决方案--------------------
vs使用的是内置的web服务器,而json文件的MIME应该没有在web服务器中配置过,出现了404错误,或者因为easyui加载数据使用的是post方法,vs内置服务器不支持json文件的post获取,导致403错误。

具体可以参考这个:jquery easyui datagrid数据源为json文件问题

你将chargeStation.json修改为chargeStation.txt试试就知道了

或者使用firefox+firebug观察发送的xhr请求是否是200状态【设置vs默认浏览器为firefox】