五分钟内反应回复,平均十分钟解决任何IT技术问题,按难度跟工作量收费!

河南快赢481任选三全包:关于ajax前台通过ashx后台传值json的问题

reborn |浏览306次
收藏|2018/05/31 18:03
 河南快赢481每天啥时候开始 www.w0n5.cn <!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="/js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="/js/echarts.js"></script>
</head>
<body>
    <div id="myEchart" style="height:500px;width:800px"></div>
    <script type="text/javascript">
        var myChart1 = echarts.init(document.getElementById('myEchart'));
        var option1 = {
            tooltip: {},
            title: {
                text: '入门示例'
            },
            xAxis: [
                {
                    type: 'value', name: '数据点'
                }
            ],
            yAxis: [
                {
                    type: 'value', name: '幅值'
                }
            ],
            series: [
                {
                    type: 'line',
                    data: []
                }
            ]
        };
        myChart1.setOption(option1);
        var numx = [];
        var numy = [];
        $.ajax({
            type: "post",
            async: false,
            url: "Test0.ashx",
            data: {},
            datatype: "json",
            sucess: function (result){
                for (var i = 0; i < result.length; i++) {
                    numx.push(result[i].num);
                }
                for (var i = 0; i < result.length; i++) {
                    numy.push(result[i].data);
                }
                myChart1.setOption({
                    xAxis: {
                        data: numx
                    },
                    series: [{
                        data: numy
                    }]
                });
            },
            error: function (errorMsg) {
                alert("请求数据失败!");
            }
        });
    </script>

</body>
</html>

```
 //上面是前台代码,主要是实现画折现图的,后台代码在下面
```
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using MySql.Data;
using MySql.Data.MySqlClient;
using System.Data;
using System.Web.Script.Serialization;

namespace SSF_Echarts_WebApp_01
{
    /// <summary>
    /// Test0 的摘要说明
    /// </summary>
    public class Test0 : IHttpHandler
    {
        MySqlConnection con = new MySqlConnection("Data Source=localhost;User ID=root;Password=root;DataBase=shift;");
        DataSet ds = new DataSet();
        MySqlDataAdapter adapter = new MySqlDataAdapter();
        JavaScriptSerializer jsS = new JavaScriptSerializer();
        List<object> lists = new List<object>();
        //Series seriesObj = new Series();
        string result = "";
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Charset = "utf-8";
            //context.Response.Write("Hello World");
            Get_Data01(context);
        }
        public void Get_Data01(HttpContext context)
        {
            string sql = @"select * from test101";
            ds = GetDataFromDatabase(sql);
            lists = new List<object>();
            foreach (DataRow dr in ds.Tables[0].Rows)
            {
                var obj = new { num = dr["idtest1"], data = dr["X"] };
                lists.Add(obj);
            }
            jsS = new JavaScriptSerializer();
            result = jsS.Serialize(lists);
            context.Response.Write(result);
        }
        public DataSet GetDataFromDatabase(string sql)
        {
            ds = new DataSet();
            adapter = new MySqlDataAdapter(sql, con);
            adapter.Fill(ds);
            return ds;
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

//主要过程是通过sql语句提取得到数据x,y坐标,转换为json数据传递给前台,但前台总是收不到数据,
//在ajax中进行alert不跳框,也不显示失败;本人刚刚开始学习,希望大家能够帮忙,可有偿,谢谢


回答该问题即可获得 2 经验值,问题被采纳即可获得 2 经验值!
我来回答

验证码

  换一个
全部回答(1)
  • 可以处理,费用200
    回答于 2018/06/01 12:17
+1
 加载中...
  • [微笑]未来的社会,必然是按需(基本需求)分配+按劳(劳动价值或劳动能力)分配相联合的混合分配方式。 2019-02-13
  • 教练评球蒂特:世界杯首战巴西球员有点紧 2019-02-13
  • 央视解读不动产登记体系全面运行 房价会下跌 2019-02-09
  • 环境部专项整治长江经济带固体废物倾倒 督查中不需地方环保部门陪同 2019-02-07
  • 穿越万水千山 只为赴这场黑白之约 2019-02-07
  • 瓷砖,现在流行这么铺! 2019-01-29
  • 团伙日售个人信息超万条 涵盖48名各行业“内鬼” 2019-01-03
  • 庆祝中国人民解放军建军90周年大会在人民大会堂举行 2019-01-03
  • 图解 前5月空气质量优良132天 重庆空气优良“style”是这样炼成的 2019-01-02
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2018-12-05
  • 周冬雨首演小护士与李易峰再现荧幕情侣 2018-11-09
  • 我看“支付宝回收垃圾”这件事不错,应该支持。[微笑][微笑] 首先是提高的回收效率,其次便于集中处理旧物品,防止污染有利。 2018-10-29
  • 盘州市召开脱贫攻坚工作调度会 2018-10-29
  • 第五届世界佛教论坛福建组委会第二次会议召开 2018-10-17
  • 乐安一医生工作时抽烟睡觉骂人失医德 被责令检讨罚款通报长记性 2018-10-17
  • 196| 920| 636| 748| 529| 887| 530| 919| 64| 344|