.Net/C#(4)——Ajax傳值至後臺並返回前臺問題解決

先提供Demo代碼:(不涉及數據庫,舉例說說我之前犯得錯)【未完善】

ZFQKDT.aspx: 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ZFQKDT.aspx.cs" Inherits="YJ_ZFQKDT" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=12.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style type="text/css">
 .select2 {           
            margin-left: -15px;
            min-width: 273px;
            width: 100px;
        }
</style>
<body style="background: #fff;">
    <form id="form1" class="form-horizontal" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div class="page-body">
            <div class="row">
                <div class="col-lg-12 col-sm-12 col-xs-12">
                    <div class="widget">
                        <div class="widget-header bordered-bottom bordered-gold">
                            <span class="widget-caption">查詢條件</span>
                            <div class="widget-buttons">
                                <a href="#" data-toggle="collapse">
                                    <i class="fa fa-minus"></i>
                                </a>
                                <a href="#" data-toggle="dispose">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="widget-body bordered-left">
                           <div class="row">
                                <div class="col-lg-5 col-md-5 col-sm-12">
                                    <div class="form-group">
                                        <label for="ddlWFLX" class="col-lg-3 col-md-3 col-sm-2 control-label">違法類型</label>
                                        <div class="col-lg-9 col-md-9 col-sm-10">
                                            <div class="col-sm-8">
                                                <select id="ddlWFLX" class ="select2" name="ddlWFLX" multiple="multiple"></select>
                                                <%--<asp:DropDownList ID="ddlWFLX" CssClass="form-control selectpicker" multiple="multiple"
                                                    data-live-search="true" runat="server" data-width="100%" data-size="5" AutoPostBack="false" OnTextChanged="ddlWFLX_TextChanged" />--%>
                                            </div>
                                        </div>
                                    </div>
                                  <div class="col-lg-2 col-md-2 col-sm-12">
                                    <div class="buttons-preview" style="text-align: center">
                                        <button id="btn_search" type="button" class="btn btn-primary" οnclick="search('btnSearch')">
                                            &nbsp; <i class="fa fa-search fa-lg"></i>搜索&nbsp;
                                        </button>
                                        <button id="btn_export" type="button" class="btn btn-primary" οnclick="search('btnExport')">
                                            <i class="glyphicon glyphicon-save"></i>導出&nbsp;
                                        </button>
                                    </div>
                                </div>
                                </div>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
<asp:Button ID="btnSearch" OnClick="btnSearch_Click" OnClientClick="return search();" runat="server" />
        <asp:Button ID="btnExport" OnClick="btnExport_Click" OnClientClick="return search();" runat="server" />
    </form>
<!--Basic Scripts-->
    <script src="/OperManagent/assets/js/jquery-1.9.1.js"></script>
    <script src="/OperManagent/assets/js/bootstrap.min.js"></script>
    <script>
    $(function () {
            
            BindSelect();

        });
      //綁定字典內容到指定的Select控件
        function BindSelect() {
            $.ajax({
                type: 'get',
                dataType: "json",
                url: "Ajax.aspx",//SelectItems.aspx/addVal
                data: {},
                async: true,
                success: function (data) {
                    alert(1);
                    //$("#ddlWFLX").empty();//清空下拉框
                    var data1 = data;
                    
                    //for (var i = 0; i < data.length; i++) {
                    //    control.append("<option value='" + data[i].id + "'>" + data[i].text + "</option>");
                    //}

                    //$("#ddlWFLX").val(value);
                    //$("#ddlWFLX").trigger("change");
                },
                error: function (e) {
                    alert(2);
                    var ex = e;
                }
            });
        }

ZFQKDT.aspx.cs類名與ZFQKDT.aspx頁面的@page標籤的Inherits屬性值一樣:(YJ_ZFQKDT )

using EPReport.BLL;
using EPReport.Core;
using EPReport.Entity;
using Microsoft.Reporting.WebForms;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class YJ_ZFQKDT : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
}

Ajax.aspx:(可以只有這一行)【Inherits的值其實可以自定義,反正Ajax.aspx.cs的類名要對的上,否則報錯(說不存在對應類)】

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ajax.aspx.cs" Inherits="Ajax" %>

Ajax.aspx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
using EPReport.Core;

public partial class Ajax : System.Web.UI.Page
{
    
    protected void Page_Load(object sender, EventArgs e)
    {
        TestModel model = new TestModel();
        model.name = "xv";
        model.age = 1;

        string json = QueryJson.Serializable<TestModel>(model);
        Response.Write(json);
    }
    //[WebMethod]
    //public static String addVal()
    //{
    //    String str = "Hello, world!";
    //    //Response.Write(str);
    //    return str;
    //}


    class TestModel
    {
        public string name { get; set; }
        public int age { get; set; }
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章