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

最新推荐文章于 2021-09-15 17:43:51 发布
最新推荐文章于 2021-09-15 17:43:51 发布
阅读量1k 收藏 1
点赞数
分类专栏： WEB 开发 .Net 开发 文章标签： javascript string div object system server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whqcfp/article/details/2277953
版权

以下记录在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()]

whqcfp
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取自定义特性的类
SHY不小心
05-25 234
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 115
    我们知道，虽然JavaScript是基于对象(object-based)的语言。但是使用其原形(prototype)特性，我们完全可以实现十分sexy的OO编成框架，这个可以看看经典论坛的文章'基本上实现 javascript 的 OOP (0423版)'。    不过虽然我们实现了'类'这种概念，可是JavaScript的脚本系统却仍然是不认账的。我们并没有办法使用脚本系统中的typeo...
JavaScript---自定义全类型读取
newFuntion的博客
09-08 243
// 自定义全类型读取 // 如果是基本类型,打印效果类似: number undefined boolean String // 如果是对象,就打印对象的类型 js提供的对象类型 // 自定义类型 // 需要用到 typeof Object.prototype.toStr...
js的静态类
04-29 4248
1.什么是静态类？ 下面的函数本身就可以当做静态类来用：var StaticClass = function(){}; StaticClass.name = "StaticName"; StaticClass.Sum = function(value1,value2){ return value1 + value 2; };alert(StaticClass.name); //[
JavaScript操作cookie类实例
10-24
在上述实例用法中，我们使用了一个自定义的Cookie类。这个类通过封装对`document.cookie`的读写操作，提供了简洁的方法来设置、获取和删除Cookie。下面是该Cookie类的实现方法： 1. **GetCookie** GetCookie方法...
JavaScript 读取图片实例代码
01-19
JavaScript读取图片实例代码中所涵盖的知识点包括： 1. JavaScript的基本概念：JavaScript是一种轻量级的脚本编程语言，主要用于网页内容的动态更新和网页应用的前端开发。它可以用来读取和修改网页上的图片，实现...
ES6 javascript中class类的get与set用法实例分析
10-19
get和set存取器允许类的实例化对象以看似直接访问属性的方式与内部的数据进行交互，但实际却可以在获取和设置属性值时执行额外的逻辑。这种方式不仅有助于封装内部数据，还可以控制数据的访问，防止外部代码直接修改...
在JavaScript中重写jQuery对象的方法实例教程
10-25
在JavaScript中，我们经常使用jQuery库来简化文档对象模型（DOM）的操作。jQuery提供了一套丰富的API，方便开发者进行元素选择、事件处理、动画制作等工作。然而，由于某些特定的开发需求，我们可能需要在某些情况下...
Angular1.x自定义指令实例详解
08-31
在Angular1.x中，自定义指令是...在HTML中使用自定义指令，我们将其作为元素、属性、类或注释添加到DOM中。在这个例子中，我们将其作为一个属性添加到`<div>`元素上，并将`products`作用域变量绑定到指令： ```html ...
获取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 227
JavaScript中定义类的方式详解 wzp6010625 本文实例讲述了JavaScript中定义类的方式. Javascript本身并不支持面向对象，它没有访问控制符，它没有定义类的关键字class，它没有支持继承的extend或冒号，它也没有用来支持虚函数的virtual，不过，Javascript是一门灵活的语言，下面我们就看看没有关键字class的Javascript如何实现类定...
Javascript中定义类和静态属性
del1214的专栏
07-02 2656
首先是定义类 function User(name,age,func){ this.Name = name; this.Age = age; this.customFunc = func this.doSomething = function() {
JS获取数据类型方法总结
honeymoon_的博客
09-15 6895
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 1250
展开全部随着java6.0的出现，向java嵌入javascript脚本变的特别32313133353236313431303231363533e4b893e5b19e31333332623966容易。java6引入了一个新的javax.script包，为脚本化语言提供了一个通用接口。java中嵌入javascript脚本的思路：1.取得脚本解释器的管理器Manager2.从管理器中取得js的解释...
浅析JavaScript获得Object对象（自定义对象）的类型名方法
mystery的博客
07-19 8091
在写代码的过程中 我们经常会遇到这样一个问题–如何获得某一个对象的类型名。JavaScript是一种弱类型的语言，通常，我们获取一个对象的类型名会想到typeof方法。但是，当我们想要获得一个自定义类型的兑现的类型名的时候，typeof就有点不够看了。我们先来做一个简单的测试。<!DOCTYPE html> <html><head> <script> /*一个叫做Student的构造函
在JavaScript中如何获取一个对象的类型（包含自定义类型）？
chengyoudan8644的博客
10-08 1124
获取对象类型的目的是什么？ 我们能够根据不同的对象类型，来进行一些判断操作。 如何获取？ 获取对象类型，实质上是获取创建该对象的构造函数的函数名； 每一个函数都有一个name属性，指向它的函数名（该方法在IE中不支持） 我们要想办法封装一个函数，来解决这个兼容性问题。 获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值