js檔案呼叫後臺程式

阿新 • • 發佈：2019-01-21

下面是1個完整的例子，照著拷貝就可以了

test.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

    /// <summary>
    /// param1 param2 對應前面js傳遞來的引數。
    /// </summary>
    /// <param name="param1"></param>
    /// <param name="param2"></param>
    /// <returns></returns>
    [System.Web.Services.WebMethod]
    public static string GetDataTable(String param1, String param2)
    {
        return DataTable2Json(CreateDataTable(param1, param2));
    }

    public static System.Data.DataTable CreateDataTable(String param1, String param2)
    {
        System.Data.DataTable dataTable1 = new System.Data.DataTable("BlogUser");
        System.Data.DataRow dr;
        dataTable1.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
        dataTable1.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String)));
        dataTable1.PrimaryKey = new System.Data.DataColumn[] { dataTable1.Columns["UserId"] };

        for (int i = 0; i < 8; i++)
        {
            dr = dataTable1.NewRow();
            dr[0] = i;
            dr[1] = "【孟子E章】" + i.ToString() + " 前端傳遞的引數的值分別是:" + param1 + ", " + param2;
            dataTable1.Rows.Add(dr);
        }
        return dataTable1;
    }

    public static string DataTable2Json(System.Data.DataTable dt)
    {
        StringBuilder jsonBuilder = new StringBuilder();
        jsonBuilder.Append("{\"");
        jsonBuilder.Append(dt.TableName.ToString());
        jsonBuilder.Append("\":[");
        for (int i = 0; i < dt.Rows.Count; i++)
        {
            jsonBuilder.Append("{");
            for (int j = 0; j < dt.Columns.Count; j++)
            {
                jsonBuilder.Append("\"");
                jsonBuilder.Append(dt.Columns[j].ColumnName);
                jsonBuilder.Append("\":\"");
                jsonBuilder.Append(dt.Rows[i][j].ToString());
                jsonBuilder.Append("\",");
            }
            jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
            jsonBuilder.Append("},");
        }
        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
        jsonBuilder.Append("]");
        jsonBuilder.Append("}");
        return jsonBuilder.ToString();
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        //要傳遞的伺服器控制元件的ID
        Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "js", "var div1 = '" + Panel1.ClientID + "';", true);
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>jQuery Ajax 呼叫後臺方法返回 DataSet 或者 DataTable 的例子</title>
    <script type="text/javascript" src="jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Panel ID="Panel1" runat="server"></asp:Panel>
    </form>
</body>
</html>

test.js

window.onload = function () {
    $.ajax({
        type: "POST",
        url: window.location.pathname + "/GetDataTable",  /* 注意後面的名字對應CS的方法名稱 */
        data: "{\"param1\":\"8888\",\"param2\":\"引數2\"}", /* 注意引數的格式和名稱 */
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {
            data = jQuery.parseJSON(result.d);  /*這裡是否解析要看後臺返回的資料格式，如果不返回表名則無需要 parseJSON */
            t = "<table border='1'>";
            $.each(data.BlogUser, function (i, item) { /* BlogUser是返回的表名 */
                t += "<tr>";
                t += "<td>" + item.UserId + "</td>";
                t += "<td>" + item.UserName + "</td>";
                t += "</tr>";
            })
            t += "</table>";
            $("#" + div1).html(t);
        }
    });
}

js檔案呼叫後臺程式

下面是1個完整的例子，照著拷貝就可以了 test.aspx <%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

js前臺呼叫後臺方法（方法呼叫篇）

首先是沒有引數的後臺方法（該方法是載入客戶端下來選單控制元件）： public string GetRole() { string result = ""; DataSet ds = a.SelectRole("");

用JS程式碼呼叫後臺CS程式碼

前臺JS程式碼： <script language="javascript" for="document" event="onkeydown"> if (event.keyCode == 13) { document.getElementById("tx

Python3之外部檔案呼叫Django程式操作model等檔案實現

import os import sys import django sys.path.append(r'C:\Users\Administrator\PycharmProjects\your proj

.net js前臺呼叫後臺帶引數返回值的方法

cs public string CsName(string name) { name = "您好" + name; return name; } aspx <script type="text/javascript

webpack-dev-conf r.js檔案，如何進行後臺資料模擬？

參照了別人寫的記錄一下最新的vue裡dev-server.js被替換成了webpack-dev-conf.js 在模擬後臺資料的時候直接在webpack-dev-conf.js檔案中修改第一步，在const portfinder = require(‘portfinder’)

NodeJs中的http-server的使用--解決chrome瀏覽器執行html和js檔案的時候，無法呼叫本地的檔案

一、環境：已經安裝了nodeJS。二、安裝http-server：開啟cmd --》輸入 npm install http-server -g 注意：需要-g ,否則會出現錯誤，並且點選執行start.bat的時候

Js檔案中呼叫其它Js函式的方法

轉載：在一個js中引用另一個js的方法方法/步驟一個js呼叫另外一個js的方法，最簡單的例子就是jquery的呼叫。首先準備好兩個js檔案。然後寫一個html檔案，通過<script type='text/javascript' src=''></

fastDFS+LibreOffice檔案下載(三)：呼叫後臺方法下載和A標籤直接下載

注意： 1）A標籤直接下載無法修改檔名，但比較簡單。有些情況下，沒有download屬性也會自動下載。 <a href="http://檔案連結" download="">下載</a> 2）有按鈕的時候不要使用<button>，用<inpu

webpack.dev.conf.js檔案，進行後臺資料模擬

第一步：安裝json-server cnpm install json-server --save 第二步：在bulid目錄下找到webpack.dev.conf.js 第三步：在const portfinder = require(‘portfinder

Django呼叫外部js檔案post請求出現403

今天發現一個這個有意思的問題，在html中寫js程式碼功能全部正常使用，但將js程式碼放到js檔案中在呼叫就出現各種問題。 1 首先在使用jQuery動態生成標籤時，建議將自己寫的js檔案放在</body>之後（要不然部分功能可能會失效） 2 如題所示，出現403

Cannot set property 'onclick' of null的問題——呼叫JS檔案出錯的問題

Cannot set property 'onclick' of null的問題轉載自：https://my.oschina.net/ximidao/blog/351017 今天看了一個W3School JS點選事件的測試案例，詳情頁：http://www.w3school.c

vue-cli搭建專案模擬後臺介面資料，webpack-dev-conf.js檔案配置

注：本篇寫於2018-12，基於vue2.xxx （一）路徑：bulid / webpack.dev.conf.js 1、在webpack.dev.conf.js 裡面找到 const portfinder = require(‘portfinder’),然後在下面寫上以下程式

新版的vue-cli腳手架中少了dev-server.js檔案，怎麼模擬後臺資料呢？

第一步：，在webpack.dev.conf.js中加入在webpack.dev.conf.js中引入node中的express框架即後臺模擬資料json檔案，程式碼如下： //這裡是模擬後臺資料 const expres

後臺程式的檔案組織關係簡介

初學javaWeb，對後臺的很多技術只是淺顯的瞭解，僅限於能看懂基本的語言，對各個檔案之間是如何工作的理解起來相當的困難，在師哥的幫助下，對後臺的各層包的功能以及關係有了淺顯的認識，特此總結。對應每個功能新建各自的資料夾，每個資料夾下建好各層包檔案。寫後臺方法的順序：

[RN]js檔案直接呼叫.json檔案當物件

file tree ./ data.json test.js 使用 import data from "./data" ..... render(){ data.xxxx } 感觸 JS開發真你孃的

微信小程式從零開始開發步驟（七）引入外部js 檔案

上一章講到小程式頁面的四種常見的跳轉的方法，這一章寫如何引入一個外部的js檔案，既utils資料夾的用處，其實步驟很簡單：1：準備好外部想要引入的外部檔案，命名為util.js,並且填充固定的檔案內容（一般是固定的庫）圖片.png2：開啟util.js ，繼續填寫重要內容將要使用的方法

mongodb呼叫js檔案以及身份驗證

在呼叫js檔案時，一直找不到js檔案，只要配置環境變數就好了。呼叫js檔案的三種方式身份驗證（在admin資料庫中增加使用者後,需要在config.conf配置檔案中加 auth

js動態請求後臺下載檔案

<button type="button" onclick="download()">匯出</button>function download() { var url = 'download/?filename=aaa.txt'; var x

js檔案中呼叫另一個js檔案的函式

假設條件是:JS(A)要呼叫JS(B)的函式.那麼要滿足以下條件:1.要保證你所呼叫的JS必須在同一個頁面裡. 也就是JS(A)和JS(B)都要在頁面X裡.2.要保證你所呼叫的JS先於呼叫者本身被解釋.也就是JS(B)要先於JS(A)被解釋.反映在頁面上,就是JS(B)要寫

js檔案呼叫後臺程式

相關推薦