Ajax三级联动

最新推荐文章于 2026-06-23 14:50:03 发布
转载 最新推荐文章于 2026-06-23 14:50:03 发布 · 166 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：http://www.cnblogs.com/hbbpb/archive/2007/08/16/857943.html
标签
#ui #javascript #数据库 #ViewUI
本文介绍了一种使用Ajax技术实现动态加载下拉菜单的方法，通过客户端JavaScript与服务器端C#的配合，实现了根据用户选择动态更新下拉菜单选项的功能。

AjaxTest.js 客户端JavaScript文件,负责请求动态数据

AjaxTest.js
var xmlHttpRequest = false; 
var url="ajaxData.aspx";
var xmlTagName='select';
var selectID=null;
var postStr=null;

//創建XMLHttpRequest対象
function createRequest() 
{ 
    xmlHttpRequest = false; 
    if(window.XMLHttpRequest) // Mozilla, Safari, 
    { 
        xmlHttpRequest = new XMLHttpRequest(); 
        if(xmlHttpRequest.overrideMimeType) 
        { 
            xmlHttpRequest.overrideMimeType('text/xml');
        } 
    }
    else if(window.ActiveXObject) // IE 
    {
        try
        { 
            xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
        }
        catch (e)
        { 
            xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
    } 
    if(!xmlHttpRequest)
    { 
        alert('Giving up :( Cannot create an XMLHTTP instance'); 
        return false;
    }
}

//動態のデータを願い出ます
function sendRequest()
{
    createRequest();
    xmlHttpRequest.onreadystatechange = callback;
    xmlHttpRequest.open("POST", url, true);
    xmlHttpRequest.setRequestHeader("cache-control","no-cache");
    xmlHttpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xmlHttpRequest.send(postStr);
}

//動態のデータを得ます
function callback()
{
    if(xmlHttpRequest.readyState == 4)
    { 
        if(xmlHttpRequest.status == 200)
        { 
            setSelectOptions()
        }
        else
        { 
            alert('There was a problem with the request.'); 
        } 
    }
}

//新しい値を設定します
function setSelectOptions()
{
    var xmlDoc=xmlHttpRequest.responseXML;
    var selectNodes=xmlDoc.getElementsByTagName(xmlTagName);
    var select=document.getElementById(selectID)
    select.options.length=1;
    for(var i=0;i<selectNodes.length;i++)
    {
        var value=selectNodes[i].childNodes[0].firstChild.nodeValue;
        var text=selectNodes[i].childNodes[1].firstChild.nodeValue;
        select.options.add(new Option(text,value));
    }
}

//
function changeDisplay(value)
{
    if(value==0)
    {
        //alert('This is a test.');
        document.getElementById("Div1").style.visibility="hidden";
        document.getElementById("Div2").style.visibility="hidden";
        document.getElementById("Div3").style.visibility="hidden";
    }
    else if(value==1)
    {
        document.getElementById("Div1").style.visibility="visible";
        document.getElementById("Div2").style.visibility="hidden";
        document.getElementById("Div3").style.visibility="hidden";
    }
    else if(value==2)
    {
        document.getElementById("Div1").style.visibility="visible";
        document.getElementById("Div2").style.visibility="visible";
        document.getElementById("Div3").style.visibility="hidden";
    }
    else if(value==3)
    {
        document.getElementById("Div1").style.visibility="visible";
        document.getElementById("Div2").style.visibility="visible";
        document.getElementById("Div3").style.visibility="visible";
    }
    ajaxSetSelect1();
}

//
function ajaxSetSelect1()
{
    selectID='Select1'
    postStr='selectID='+selectID;
    sendRequest();
    document.getElementById('Select2').options.length=1;
    document.getElementById('Select3').options.length=1;
}

function ajaxSetSelect2(value)
{
    selectID='Select2'
    postStr='selectID='+selectID+'&optionValue='+value;
    sendRequest();
    document.getElementById('Select3').options.length=1;
}

function ajaxSetSelect3(value)
{
    selectID='Select3'
    postStr='selectID='+selectID+'&optionValue='+value;
    sendRequest();
}



WebForm1.aspx 客户端HTML页面,负责数据呈现

WebForm1.aspx
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="Ajax.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <title>WebForm1</title>
        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
        <meta content="C#" name="CODE_LANGUAGE">
        <meta content="JavaScript" name="vs_defaultClientScript">
        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
        <script src="AjaxTest.js" type="text/javascript"></script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <FONT face="MS UI Gothic"></FONT>&nbsp;
            <DIV id="Div1" style="Z-INDEX: 101; LEFT: 432px; VISIBILITY: hidden; WIDTH: 280px; POSITION: absolute; TOP: 120px; HEIGHT: 24px"
                ms_positioning="FlowLayout">
                <DIV style="DISPLAY: inline; WIDTH: 70px; HEIGHT: 18px" ms_positioning="FlowLayout">第一級：</DIV>
                <SELECT id="Select1" style="WIDTH: 184px" onchange="ajaxSetSelect2(this.value)" name="Select1">
                    <OPTION value="0" selected></OPTION>
                </SELECT></DIV>
            <DIV id="Div2" style="Z-INDEX: 102; LEFT: 432px; VISIBILITY: hidden; WIDTH: 280px; POSITION: absolute; TOP: 176px; HEIGHT: 24px"
                ms_positioning="FlowLayout">
                <DIV style="DISPLAY: inline; WIDTH: 70px; HEIGHT: 15px" ms_positioning="FlowLayout">第二級：</DIV>
                <SELECT id="Select2" style="WIDTH: 184px" onchange="ajaxSetSelect3(this.value)" name="Select2">
                    <OPTION value="0" selected></OPTION>
                </SELECT></DIV>
            <DIV id="Div3" style="Z-INDEX: 103; LEFT: 432px; VISIBILITY: hidden; WIDTH: 280px; POSITION: absolute; TOP: 232px; HEIGHT: 24px"
                ms_positioning="FlowLayout">
                <DIV style="DISPLAY: inline; WIDTH: 70px; HEIGHT: 15px" ms_positioning="FlowLayout">第三級：</DIV>
                <SELECT id="Select3" style="WIDTH: 184px" name="Select3">
                    <OPTION value="0" selected></OPTION>
                </SELECT>
            </DIV>
            <DIV id="Div4" style="Z-INDEX: 104; LEFT: 88px; WIDTH: 256px; POSITION: absolute; TOP: 120px; HEIGHT: 24px"
                ms_positioning="FlowLayout">
                <DIV style="DISPLAY: inline; WIDTH: 48px; HEIGHT: 18px" ms_positioning="FlowLayout">級数：</DIV>
                <SELECT id="Select4" style="WIDTH: 184px" onchange="changeDisplay(this.value)">
                    <OPTION value="0" selected>無</OPTION>
                    <OPTION value="1">ひとつ</OPTION>
                    <OPTION value="2">ふたつ</OPTION>
                    <OPTION value="3">みっつ</OPTION>
                </SELECT></DIV>
        </form>
    </body>
</HTML>



WebForm1.aspx.cs 客户端页面后台,什么都不干

WebForm1.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace Ajax
{
    /**//// <summary>
    /// WebForm1 の概要の説明です。
    /// </summary>
    public class WebForm1 : System.Web.UI.Page
    {
    
        private void Page_Load(object sender, System.EventArgs e)
        {
            // ページを初期化するユーザー コードをここに挿入します。
        }

        Web フォーム デザイナで生成されたコード#region Web フォーム デザイナで生成されたコード 
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// デザイナ サポートに必要なメソッドです。このメソッドの内容を
        /// コード エディタで変更しないでください。
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

    }
}



ajaxData.aspx 被Ajax请求的页面,啥都没有

ajaxData.aspx
<%@ Page language="c#" Codebehind="ajaxData.aspx.cs" AutoEventWireup="false" Inherits="Ajax.ajaxData" %>



ajaxData.aspx.cs 被Ajax请求的页面后台,负责读取数据库,输出XML流

ajaxData.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using Oracle.DataAccess.Client;       
using Oracle.DataAccess;

namespace Ajax
{
    /**//// <summary>
    /// ajaxData の概要の説明です。
    /// </summary>
    public class ajaxData : System.Web.UI.Page
    {

        private void Page_Load(object sender, System.EventArgs e)
        {
            // ページを初期化するユーザー コードをここに挿入します。
            string xml=null;
            string sql=null;
            string selectID=Request.Params.Get("selectID");
            string optionValue=Request.Params.Get("optionValue");
            OracleConnection con=new OracleConnection();
            OracleCommand cmd; 
            OracleDataReader reader;
            con.ConnectionString = "User Id=test_user;Password=test_pass;Data Source=TEST_DB_LOCAL";
            con.Open();

            if(selectID=="Select1")
            {
                sql="select DISTINCT STR1 from AJAXTEST";
            }
            else if(selectID=="Select2")
            {
                sql="select DISTINCT STR2 from AJAXTEST where STR1='"+optionValue+"'";
            }
            else if(selectID=="Select3")
            {
                sql="select DISTINCT STR3 from AJAXTEST where STR2='"+optionValue+"'";
            }
            cmd =new OracleCommand(sql);
            cmd.Connection = con;
            cmd.CommandType = CommandType.Text;
            reader=cmd.ExecuteReader();

            Response.ContentType="text/xml";
            Response.CacheControl="no-cache";
            xml="<?xml version=\"1.0\" encoding=\"utf-8\" ?>";
            xml+="<selects>";
            while(reader.Read())
            {
                xml+="<select>";

                xml+="<value>";
                xml+=reader.GetValue(0).ToString();
                xml+="</value>";
                
                xml+="<text>";
                xml+=reader.GetValue(0).ToString();
                xml+="</text>";

                xml+="</select>";
            }
            xml+="</selects>";
            Response.Write(xml);
        }

        Web フォーム デザイナで生成されたコード#region Web フォーム デザイナで生成されたコード 
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// デザイナ サポートに必要なメソッドです。このメソッドの内容を
        /// コード エディタで変更しないでください。
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion
    }
}


 
database.txt 创建数据库的文档

database.txt
北海道
    渡島国
        亀田郡
        茅部郡
        上磯郡
    胆振国
        山越郡
        虻田郡
        有珠郡
    北見国
        網走郡
        利尻郡
        礼文郡
本州
    中部地方
        岐阜県
        静岡県
        愛知県
    中国地方
        鳥取県
        島根県
        岡山県
    東北地方
        青森県
        岩手県
        宮城県
四国
    徳島県
        阿南市
        鳴門市
        徳島市
    香川県
        丸亀市
        坂出市
        高松市
    愛媛県
        大洲市
        西条市
        今治市




CREATE TABLE TEST_USER.AJAXTEST ( 
    ID                                NUMBER            NOT NULL,
    STR1                            VARCHAR2(10),
    STR2                            VARCHAR2(10),
    STR3                            VARCHAR2(10), 
    PRIMARY KEY(ID) 
        USING INDEX TABLESPACE TEST_TABLESPACE LOGGING PCTFREE 10 INITRANS 2 MAXTRANS 255 
            STORAGE(INITIAL 128K NEXT 128K MINEXTENTS 1 MAXEXTENTS UNLIMITED PCTINCREASE 0  
                BUFFER_POOL DEFAULT ) 
) 
TABLESPACE TEST_TABLESPACE LOGGING PCTFREE 10 INITRANS 1 MAXTRANS 255 
    STORAGE(INITIAL 128K NEXT 128K MINEXTENTS 1 MAXEXTENTS UNLIMITED PCTINCREASE 0  
        BUFFER_POOL DEFAULT ) MONITORING 
/





INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(13,'北海道','北見国','網走郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(14,'北海道','北見国','利尻郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(15,'北海道','北見国','礼文郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(16,'本州','東北地方','青森県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(17,'本州','東北地方','岩手県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(18,'本州','東北地方','宮城県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(19,'四国','徳島県','阿南市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(20,'四国','徳島県','鳴門市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(21,'四国','徳島県','徳島市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(22,'四国','香川県','丸亀市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(23,'四国','香川県','坂出市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(24,'四国','香川県','高松市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(25,'四国','愛媛県','大洲市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(26,'四国','愛媛県','西条市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(27,'四国','愛媛県','今治市');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(1,'北海道','渡島国','亀田郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(2,'北海道','渡島国','茅部郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(3,'北海道','渡島国','上磯郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(4,'北海道','胆振国','山越郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(5,'北海道','胆振国','虻田郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(6,'北海道','胆振国','有珠郡');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(7,'本州','中部地方','岐阜県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(8,'本州','中部地方','静岡県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(9,'本州','中部地方','愛知県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(10,'本州','中国地方','鳥取県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(11,'本州','中国地方','島根県');
INSERT INTO AJAXTEST (ID, STR1, STR2, STR3) 
VALUES(12,'本州','中国地方','岡山県');
        
        

转载于:https://www.cnblogs.com/hbbpb/archive/2007/08/16/857943.html

dianxi3836
关注
jQuery ajax 多级联动 下拉框 Demo
08-06
博文地址 http://www.cnblogs.com/cl-blogs/p/4708102.html?utm_source=tuicool&utm_medium=referral ajax 实现 (全国,省,是,区....) N级联 Demo js: $(function () { $.fn.CascadeSelect({ url: '/CascadeSelect/CascadeSelect.ashx', //返回Json数据的一般处理文件 idKey: 'Id', // 绑定下拉框实际值的字段 nameKey: 'Name', // 绑定下拉框显示值的字段 casTopId: 0, // 顶级节点ParentId casCount: 4, // 级联个数 casObjId: ['SelProvince', 'SelCity', 'SelArea', 'SelXian'], // 级联下拉框id casDefVal: ['全国', 5, '益阳', 22], // 级联默认值(Id,Name都可以) }); }); html： 省级联动 ashx: 接收参数 Level 级联级别 从1开始 ParentID 父级ID
ajax多级联动菜单
12-25
ajax+jsp实现的多级联动菜单的实现。
用ajax做三级联动,利用Ajax怎么实现一个三级联动功能
weixin_29924799的博客
08-06 679
利用Ajax怎么实现一个三级联动功能发布时间：2021-03-08 11:05:27来源：亿速云阅读：76作者：Leah本篇文章给大家分享的是有关利用Ajax怎么实现一个三级联动功能，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。首先建立数据库，如下所示接口省importjava.util.List;publicinterface...
ajax 实现多级联动
cetinlo的博客
05-31 1381
首先例如城市和地区之间的联动： 前台jq [javascript] view plain copy  print? $("#area1").change(function(){//市变化的时候 调用后台查询相关的地区           $.ajax({                   url:'${base}/qiye/direca
ajax多级联动效果,ajax三级联动下拉菜单效果
weixin_32550525的博客
08-05 500
ajax写三级联动，先写一个文件类吧，以后用的时候直接调用即可；来找一张表：实现：中国地域的三级联动：省、市、区；图：说一下思路：(1)当用户选择省份的时候触发事件，把当前的省份的id通过ajax发出请求传递到服务端的程序中(2)比如取中国地域，中国是0001，那么自带号为0001的便是中国地域；北京的代号为11，那么子代号为11的便是北京时的市区，也就是说根据主代号查询子代号；(3)服务端根据客...
AJAX三级联动写法
a700828的博客
12-18 394
新建主页面，如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../wenjian/jquery-2.2.3.min.js...
ajax三级联动啥意思,使用Ajax怎么实现一个三级联动功能
weixin_34032649的博客
08-05 1960
使用Ajax怎么实现一个三级联动功能发布时间：2020-12-31 16:51:38来源：亿速云阅读：71作者：Leah使用Ajax怎么实现一个三级联动功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。前言：利用Ajax来实现一个地区的三级联动，用Java代码来读json文件，先eclipse做一个简单的，最基础的。(json我用的j...
Ajax之三级联动
Programer0的博客
02-29 785
Ajax练习：利用Ajax实现省、市、县三级联动显示，实现代码如下： HTML代码 <body onload="demo()"> 省: <select id="pro" onchange="demo1(this.value)"> <option>--请选择--</option> </select&g...
利用Ajax来实现地区三级联动
qq_43573667的博客
12-29 5247
基于jQ-Ajax的三级联动 前言：利用Ajax来实现一个地区的三级联动，用Java代码来读json文件，先eclipse做一个简单的，最基础的。（json我用的jackson来解析，也可用fastjson-阿里巴巴的等还有很多）提供代码，思路之类的，注释也没有自己去想去琢磨出来的思路好 first：首先先要熟悉json文件，并要想好利用什么类型去解析，这是最难的，最好找一个没人的地方戴上耳机（对于初学）我是用maven来做的用到的jar坐标 ： <dependency> <grou
精通Ajax实现高效三级联动技术
weixin_28913879的博客
06-21 1020
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。这项技术是Web2.0时代的重要标志，它通过在后台与服务器进行少量数据交换，使得网页实现异步更新，从而改善用户体验。其核心是XMLHttpRequest对象，它允许浏览器向服务器发起HTTP请求并处理响应。本章将带领读者了解Ajax技术的基础知识及其在现代Web应用中的广泛应用。
【JavaWeb】用Ajax实现多级联动菜单
csdn_inside的博客
04-07 1918
导读：Ajax可以在不刷新页面的情况下，对局部页面进行刷新，使得数据可以动态加载，可以应用在在线聊天系统、多级联动菜单。 Ajax入门 首先要判断是新浏览器还是老浏览器，然后创建一个ajax的请求，设置其请求的方法、请求的目标地址和是否异步。然后发送请求。 接下来，比较重要的是onreadystate这个事件： ...
Ajax案例之三级联动
fachew的博客
07-29 642
功能需求： 页面中有三个下拉框，分别为省下拉框、市下拉框、区/县下拉框。 选择省，则市下拉框中出现对应的该省下的市信息， 选择市，则区/县下拉框中出现对应的该市下的区/县信息 技术分析： ajax技术+servlet+jsp+jdbc 需求分析（思路）： 1.创建页面：页面中有三个下拉框，分别为省/市/区、县； 2.页面加载成功发起ajax请求，请求省的信息，并将响应结果填充到省所在的下拉框； 3...
Ajax局部刷新实现三级联动
u011277123的博客
03-24 2261
达人科技 2017-03-21 08:26 要实现从数据库获取出数据来实现联动，可以使用ajax（Asynchronous javascript and xml （异步的javascript 和 xml））局部刷新技术。ajax不是新的编程语言，而是一种局部刷新的技术，是局部刷新技术块的标准。 优点：不需要加载整个界面，就可以与服务器交互并且更新部分数据。ajax不需要任何浏览器插件，但是
Ajax实现多级联动菜单
飘蓝
03-12 1万+
最近在重温Ajax技术，就顺手拿起了当年的《Ajax经典案例开发大全》来温习。发现里面有些错误，现在就指出来，这样可以帮助后学者少走弯路。主要的技术有：MySql、JDBC、JSON、Ajax、JSP。其实本文不算原创，主要内容还是摘自《Ajax经典案例开发大全》。         1.数据库设计 drop database if exists mydb; create database m
ajax 实现多级联动。
既认准这条路，又何必在意要走多久
11-15 4545
首先例如城市和地区之间的联动： 前台jq $("#area1").change(function(){//市变化的时候 调用后台查询相关的地区 $.ajax({ url:'${base}/qiye/direcapply!getArea2.action',//后台获取地区的方法action type:'post', dataType:
ajax省市区三级联动
热门推荐
ITDragon博客
12-16 1万+
jdbc+servlet+ajax开发省市区三级联动 技术点：jdbc操作数据库，ajax提交，字符拦截器，三级联动 特点：局部刷新达到省市区三级联动，举一反三可以做商品分类等 宗旨：从实战中学习
使用ajax实现分类查询,使用 AJAX + 三级联动 实现分类出全国各地的省，市，区...
weixin_34129429的博客
08-06 355
$(document).ready(function(e) {//在div里造下拉菜单$("#sj").html("");//填充数据 使用Fill 关键字FillSheng(); //填充省的数据FillShi(); //填充市的数据FillQu(); //填充区的数据//填充省的方法function FillSheng(){var code = "0001"; //省的...
ajax+json 实现三级联动
wangs1996
02-10 3027
ajax+json 三级联动
TokUI开源解析：AI流式渲染，解锁对话富UI新形态
最新发布
AIGS001的博客
06-23 215
TokUI开源解析：AI流式渲染，解锁对话富UI新形态在大模型应用快速普及的当下，绝大多数AI对话产品始终存在一个核心痛点：大模型具备数据分析、图表绘制、工具调用、智能推理等多元能力，最终输出却只能以纯文本、基础Markdown的形式展示，用户只能看到单调的文字内容，无法获得可视化、可交互的沉浸式体验。为解决这一行业难题，向量空间JBoltAI正式开源自研前端项目TokUI，为AI前端交互、Agent可视化领域提供了全新的轻量化解决方案。TokUI是向量空间JBoltAI重磅推出的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值