zoukankan      html  css  js  c++  java
  • jquery ashx交互 返回list 循环json输入信息

    html代码:触发按钮

    <input type="button" id="search" value="查询" />
    

     ashx代码:获取全部信息

     List<bll> list = new List<bll>();
                        DataSet ds = bll.getSearchAll();
                        if (ds.Tables[0].Rows.Count > 0)
                        {
                            foreach (DataRow dr in ds.Tables[0].Rows)
                            {
                                bl = new bll();
                                bl.id= int.Parse(dr["id"].ToString());
                                bl.name= dr["name"].ToString();
                                bl.sex= dr["sex"].ToString();
                                bl.deviceName = dr["deviceName"].ToString();
                                bl.age= int.Parse(dr["deviceName"].ToString());
                                bl.notes= dr["notes"].ToString();
                                list.Add(bl);
                            }
                            JavaScriptSerializer jss = new JavaScriptSerializer();
                            string jsonArr = jss.Serialize(list);
                            context.Response.Write(jsonArr);
                        }
                        else
                        {
                            HttpContext.Current.Response.Write("noresult");
                        }
    

     js代码:按钮click事件去后台获取返回的json,并显示在页面

     $("#search").click(function () {
            window.location.href = "#searchall";
            $.ajax({
                type: "post",
                url: "Handler1.ashx",
                data: "type=search",
                dataType: "JSON",
                success: function (data) {
                    var m = "";
                    for (var i = 0; i < data.length; i++) {
              m += data[i].id + "<br/>";
                        m += data[i].name + "<br/>";
                        m += data[i].sex + "<br/>";
                        m += data[i].age + "<br/>";
                        m += data[i].notes + "<br/>";
                    }
                    alert(m);
                  },
                error: function (data) {
                    if (data.toString() == "noresult") {
                        alert("无结果");
                    }
                }
            });
        });
    
  • 相关阅读:
    RDA CoreDump 实例
    MQTT协议-MQTT协议简介及协议原理
    Android Framework中的Application Framework层介绍
    Shell 通配符、元字符、转义符*****
    RDA 多屏参流程
    makefile 参数
    Makefile 使用总结
    Oracle 补丁及opatch 工具介绍
    Oracle 块修改跟踪 (Block Change Tracking) 说明
    oracle手动删除数据库
  • 原文地址:https://www.cnblogs.com/dreamzcy/p/3472554.html
Copyright © 2011-2022 走看看