在 Javascript 中读取自定义类（实例）

最新推荐文章于 2024-08-12 02:09:06 发布
最新推荐文章于 2024-08-12 02:09:06 发布
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： WEB 开发 .Net 开发 文章标签： javascript string div object system server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/whqcfp/article/details/2277953
本文介绍如何在JavaScript中调用C#自定义类的方法，并通过Ajax实现跨语言数据交互。具体示例为创建一个名为MyBike的简单类，并在网页上通过JavaScript获取该类的实例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

以下记录在Javascript中读取自定义类的方法：

一、创建一个WEB 项目

二、新建一个类：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

/// <summary>
/// MyBike 的摘要说明
/// </summary>
[Serializable()]
public class MyBike
{
    public MyBike()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }

    public MyBike(int id, string color, string type, int price)
    {
        this._id = id;
        this._color = color;
        this._type = type;
        this._price = price;
    }

    private int _id;
    private string _color; // 自行车颜色
    private string _type;  // 类型
    private int _price;  // 价格

    public int Id
    {
        get { return _id; }
    }

    public string Color
    {
        get { return _color; }
    }

    public string Type
    {
        get { return _type; }
    }

    public int Price
    {
        get { return _price; }
    }

    [Ajax.AjaxMethod()]
    public static MyBike GetBike(int id)
    {
        return new MyBike(id, "Red", "山地自行车", 100);
    }
}

添加一页面,并在页面代码文件中注册刚才添加的类：

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Bike : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Ajax.Utility.RegisterTypeForAjax(typeof(MyBike));
    }
}

页面代码如下：

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

<!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 runat="server">
    <title>无标题页</title>

    <script language="javascript" type="text/javascript">
    
    function GetMyBike(id)
    {
        var b = MyBike.GetBike(id).value;
        if (typeof(b) == "object")
        {
            var str_bike  = b.Id + "<br />" + b.Color + "<br /> " + b.Type 
                + "<br /> " + b.Price;
                
            document.getElementById("div1").innerHTML = str_bike;
        }
    }
    
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <input type="button" value="GetMyBike" onclick="GetMyBike(1);" />
        <div id="div1">
        </div>
    </form>
</body>
</html>

以下Ajax 开发，使用了Ajax.dll。Ajax.dll相入等相关的内容，请参看其它介绍。

因为主要用于介绍方法，所以业务类很简单。

读取自定义的类时，一定要注意，该类一定是能被序列化的，要 [Serializable()]

获取自定义特性的类
SHY不小心
05-25 285
using System; using System.Reflection; using UnityEngine; public class SHY : Attribute { } [SHY] public class SHYTest { public int test = 10; } public class TestAttribute : MonoBehaviour { void Start() { var types = Assembly.GetCall...
javascript实现类似java中getClass()得到对象类名的方法
12-10
本文实例讲述了javascript实现类似java中getClass()得到对象类名的方法。分享给大家供大家参考。具体如下： 在javascript中没有能够返回特定类型名的函数 如一个对象 console.log(obj); 得到的是[object HtmlTableCellElement]如果想要一个函数能够返回HtmlTableCellElement js中默认没有这样的函数 可以自己实现一个 var getObjectClass = function (obj) { if (obj && obj.constructor && obj.constructor.toString())
获取JavaScript用户自定义类的类名称
weixin_34138377的博客
02-06 142
    我们知道，虽然JavaScript是基于对象(object-based)的语言。但是使用其原形(prototype)特性，我们完全可以实现十分sexy的OO编成框架，这个可以看看经典论坛的文章'基本上实现 javascript 的 OOP (0423版)'。    不过虽然我们实现了'类'这种概念，可是JavaScript的脚本系统却仍然是不认账的。我们并没有办法使用脚本系统中的typeo...
JavaScript---自定义全类型读取
newFuntion的博客
09-08 293
// 自定义全类型读取 // 如果是基本类型,打印效果类似: number undefined boolean String // 如果是对象,就打印对象的类型 js提供的对象类型 // 自定义类型 // 需要用到 typeof Object.prototype.toStr...
js的静态类
04-29 4293
1.什么是静态类？ 下面的函数本身就可以当做静态类来用：var StaticClass = function(){}; StaticClass.name = "StaticName"; StaticClass.Sum = function(value1,value2){ return value1 + value 2; };alert(StaticClass.name); //[
JavaScript 读取图片实例代码
01-19
JavaScript读取图片实例代码中所涵盖的知识点包括： 1. JavaScript的基本概念：JavaScript是一种轻量级的脚本编程语言，主要用于网页内容的动态更新和网页应用的前端开发。它可以用来读取和修改网页上的图片，实现...
JavaScript操作cookie类实例
10-24
在上述实例用法中，我们使用了一个自定义的Cookie类。这个类通过封装对`document.cookie`的读写操作，提供了简洁的方法来设置、获取和删除Cookie。下面是该Cookie类的实现方法： 1. **GetCookie** GetCookie方法...
ES6 javascript中class类的get与set用法实例分析
10-19
get和set存取器允许类的实例化对象以看似直接访问属性的方式与内部的数据进行交互，但实际却可以在获取和设置属性值时执行额外的逻辑。这种方式不仅有助于封装内部数据，还可以控制数据的访问，防止外部代码直接修改...
jQuery中使用data()方法读取HTML5自定义属性data-*实例
11-30
特别是在HTML5引入了"data-"前缀的自定义属性后，`data()`方法变得更加实用，因为它能自动处理这些自定义属性并将它们转化为JavaScript对象中的数据。 首先，我们来看一下`data()`方法的基本使用方式： 1. `$...
JavaScript 文件读取与写入
最新发布
weixin_36890061的博客
08-12 670
JavaScript 文件读取与写入 随着前端技术的迅速发展，JavaScript 在 web 开发中的重要性越来越高。在进行数据处理时，我们经常需要处理文件的读取与写入。本文将介绍如何使用 JavaScript 实现文件的读取与写入，并提供代码示例，帮助读者更好地理解这一操作。 1. 文件读取 在 JavaScript ...
获取JavaScript用户自定义类的类名称的代码
12-04
我们知道，虽然JavaScript是基于对象(object-based)的语言。但是使用其原形(prototype)特性，我们完全可以实现十分sexy的OO编成框架，这个可以看看经典论坛的文章’基本上实现 javascript 的 OOP (0423版)’。     不过虽然我们实现了’类’这种概念，可是JavaScript的脚本系统却仍然是不认账的。我们并没有办法使用脚本系统中的typeof方法获取自定义类的类型，比如’类’JSClass定义如下：  function JSClass()  {     this.Attribute1 = null;     this.Attribute2\u00a0=
js设置和获取自定义属性的方法
11-26
Js操作自定义属性的方法： var testEle = document.getElementByIdx_x("test") testEle.setAttribute("test","aaa"); // 设置 testEle.getAttribute("test")； //获取 testEle.attributes["test"].nodeValue; // 获取 Jquery操作自定义属性的方法： $("#test").attr("test","aaa") // 设置 $("#test").removeAttr("test") // 删除 var testAttr = "ddd
JavaScript中定义类的方式详解
cxu123321的博客
01-31 270
JavaScript中定义类的方式详解 wzp6010625 本文实例讲述了JavaScript中定义类的方式. Javascript本身并不支持面向对象，它没有访问控制符，它没有定义类的关键字class，它没有支持继承的extend或冒号，它也没有用来支持虚函数的virtual，不过，Javascript是一门灵活的语言，下面我们就看看没有关键字class的Javascript如何实现类定...
Javascript中定义类和静态属性
del1214的专栏
07-02 2703
首先是定义类 function User(name,age,func){ this.Name = name; this.Age = age; this.customFunc = func this.doSomething = function() {
JS获取数据类型方法总结
honeymoon_的博客
09-15 7733
1. typeof typeof介绍 （1）typeof 操作符返回一个字符串，表示未经计算的操作数的类型。 （2）typeof是运算符，返回值是小写的字符串。 （3）参数：operand ： 一个表示对象或原始值的表达式，其类型将被返回。 （4）语法： typeof(operand)或typeof operand （5）例： console.log('1的结果为: ' + typeof 1); console.log(' "1" 的结果为: ' + typeof '1'); console.log('
javascript嵌入java_如何把java代码嵌入到javascript中
weixin_33888685的博客
02-21 1327
展开全部随着java6.0的出现，向java嵌入javascript脚本变的特别32313133353236313431303231363533e4b893e5b19e31333332623966容易。java6引入了一个新的javax.script包，为脚本化语言提供了一个通用接口。java中嵌入javascript脚本的思路：1.取得脚本解释器的管理器Manager2.从管理器中取得js的解释...
js获取下标的方法
Cat_LIKE_Mouse的博客
08-24 4542
https://upload-images.jianshu.io/upload_images/12363089-4239109173c1a27d.gif?imageMogr2/auto-orient/strip|imageView2/2/w/644/format/webp
js怎样获取元素有哪些类 class 原生js获取元素的类名
热门推荐
09-18 2万+
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值