C \ # 프론트 페이지 바 인 딩 데이터, JSON
c \ # 프론트 데스크 톱 과 백 스테이지 의 바 인 딩 은 다음 과 같은 몇 가지 로 나 뉜 다. 1. 데이터 바 인 딩 2. 페이지 바 인 딩 3. JSON 바 인 딩
1. 데이터 바 인 딩 데이터 바 인 딩 도 두 가지 로 나 눌 수 있 습 니 다!
<%#Eval("var")%> //var
<%=var%>//var
2. 페이지 바 인 딩 저 는 먼저 프론트 페이지 와 백 스테이지 페이지 를 간단하게 쓴 다음 에 연결 합 니 다.프론트 페이지 는 다음 코드 와 같 습 니 다.
<div class="Programer">
<h1> h1>
<ul ul style="display: inline-block;position: absolute;">
<li class="beauty"> li>
<li class="chou"> li>
ul>
div>
페이지 바 인 딩 방법: 다음 코드 에서 보 듯 이 '문자열 맞 추기' 방식 으로 프론트 데스크 html 코드 를 복사 하여 문자열 로 맞 추 면 html 코드 의 작은 따옴표 가 모두 작은 따옴표 로 바 뀌 면 됩 니 다.이 방법 은 매우 쓰기 좋 습 니 다. 데이터 베 이 스 를 연결 하 는 것 도 이런 방법 입 니 다.배경 페이지 코드 는 다음 과 같 습 니 다.
str[i]+="<div class='Progrmer'><h1> h1>";
str[i]+="<ul ul style='display: inline-block;position: absolute;'>";
str[i]+="<li class='beauty'> li> <li class="chou"> li>ul>div>";
설명: str [i] 는 제 출력 방식 입 니 다. 여 기 는 어떻게 연결 하 는 지 만 말 합 니 다.
3. JSON 바 인 딩 프론트 JS 코드 는 다음 과 같 습 니 다.
var dataY = [152, 1081, 181, 381, 83, 103, 303];
배경 JS 의 코드 를 프론트 페이지 에 표시 하려 면 JSON 을 연결 해 야 합 니 다. 첫 번 째 단계: 프론트 데스크 에 Input 탭 을 쓰 고 id = "text 1" style = "display: none",
"txtqdhyl" type="text" style="display: none" runat="server" />
두 번 째 단계: 프론트 데스크 의 JS 코드 를 문자열 로 연결 합 니 다.
string str="[" + dt.Rows[i]["value"] + "]";
//dt.Rows[i]["value"] [152, 1081, 181, 381, 83, 103, 303]
STEP 3: JSON 코드 쓰기
var data = document.getElementById("text1").value;// text1 input id
var dataY = JSON.parse(data);// JSON :var dataY = [152, 1081, 181, 381, 83, 103, 303];
STEP 4: 배경 획득 치
text1.Value=str //text1.Value ,str
주의: 프론트 데스크 의 JS 코드 에 표시 되 지 않 아 도 되 는 다른 데이터 가 있다 면, 예 를 들 어:
data:
[{
name: ' ',
itemStyle: {
normal: {
color: '#f845f1'
}
}
},
{
name: ' ',
itemStyle: {
normal: {
color: '#f845f1'
}
}
},
.
.
.
]
이 data 의 name 은 프론트 에 표시 해 야 합 니 다. 다른 정 보 는 표시 할 필요 가 없 으 면 배열 의 방법 으로 표시 할 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.