프론트 및 backend_javascript 기술에서 데이터 전송을 위해 json을 사용하는 방법 소개
이전 블로그에서는 javascript를 사용하여 여러 텍스트 그룹 을 생성하는 방법에 대해 썼는데, 이는 데이터 입력이 표시되는 것을 방지할 수 있습니다. 이제 이러한 입력을 데이터베이스에 작성해야 하며 여기서는 json을 사용하여 전달합니다. 그 안에.
먼저 전송할 데이터가 배경에서 어떻게 생성되는지 적어보겠습니다
[html]
function generateDtb() {
//Write
var txtName = document.getElementById("txtName").value
// 배열 생성
var dtb = new Array();
//루프를 통해 배열에 데이터를 쓰고
for (var i = 0; i < firstGroup.length; i ) {
var row = new Object();
row.Name = txtName;
row.fullMoney = firstGroup[i].value;
row.discount = secondGroup[i].value; push( row);
}
return dtb;
}
function generateDtb() {
//Write
var txtName = document.getElementById("txtName").value;
//배열 생성
var dtb = new Array();
//루프를 통해 배열에 데이터를 쓰고
를 반환합니다(var i = 0; i < firstGroup.length ; i ) {
var row = new Object();
row.Name = txtName;
row.fullMoney = firstGroup[i].value; value;
dtb.push(row);
}
return dtb;}
배열을 json 문자열로 변환하여 배경에 전달합니다. 🎜>[html]
코드 복사
var dtb = generateDtb( );
// var strName = document.getElementById("txtName").value;
if (dtb == null)
{ }
else {
//직렬화된 개체
var postdata = JSON.stringify (dtb);
//비동기 요청
$.post(url, { json: postdata }, function (json) {
if (json) {
jBox .tip("성공적으로 추가되었습니다! ", "tip");
location.reload();
}
else {
jBox.tip("추가 실패!", "tip");
location.reload( );
}
}, "json")
}
})
})
$(function () {
//botton1 클릭
$("#lbtnOK").click(function () {
var url = "DiscountManger.aspx?ajax=1";
var dtb = generateDtb();
// var strName = document. getElementById("txtName").value;
if (dtb == null)
{ }
else {
//직렬화된 객체
var postdata = JSON.stringify(dtb); 🎜>//비동기 요청
$.post(url, { json: postdata }, function (json) {
if (json) {
jBox.tip("성공적으로 추가되었습니다!", "Tip " );
location.reload();
}
else {
jBox.tip("추가 실패!", "Tip")
location.reload(); }
}, "json")
}
});
})
백그라운드 작업:
먼저 데이터가 필요한지 여부를 결정합니다. 전송됨
[html]
코드 복사
}
if (!IsPostBack)
{
//비동기 요청 여부 결정
if (Request.QueryString["ajax"] == "1")
{
ProcessRequest ()
}
여기에서 데이터를 처리하세요:
[html]
코드 복사
///
/// 비동기 요청 처리
///
private void ProcessRequest()
{
// 채울 전략 입금
ArrayList arrDiscount = new ArrayList();
Response.ContentType = "text/html";
string json = Request.Form["json"]
/ / DataTable 역직렬화
if (json == null)
{
return;
}
else
{
DataTable newdtb = Json2Dtb(json); int i = 0; i < newdtb.Rows.Count; i )
{
Entity.StrategyDiscount enStrategyDiscount = new Entity.StrategyDiscount()
//할인 계획 이름
enStrategyDiscount.name = newdtb.Rows[i]["Name"].ToString();
//상점 ID
enStrategyDiscount.shopId = long.Parse(LoginInfo.ShopID)
enStrategyDiscount.fullMoney = Convert.ToDecimal( newdtb.Rows[i]["fullMoney"].ToString());
enStrategyDiscount.discount = Convert.ToDecimal(newdtb.Rows[i]["discount"].ToString())
/ / 배열에 데이터 쓰기
arrDiscount.Add(enStrategyDiscount);
//데이터베이스에 데이터 쓰기
IStrategyBLL strategy = new StrategyBLL()
if (strategy.AddStrategyDiscount( arrDiscount) ))
{
Response.Write("true");
Response.End()
}
else
{
Response.Write("false") ;
Response.End();
}
}
///
/// 비동기 요청 처리
///
private void ProcessRequest()
{
//채울 정책 저장
ArrayList arrDiscount = new ArrayList()
Response.ContentType = "text/html"
string json = Request.Form["json"];
//DataTable 역직렬화
if (json == null)
{
return;
}
else
{
DataTable newdtb = Json2Dtb(json);
for (int i = 0; i < newdtb.Rows.Count; i )
{
Entity.StrategyDiscount enStrategyDiscount = new Entity.StrategyDiscount( );
//할인 계획 이름
enStrategyDiscount.name = newdtb.Rows[i]["Name"].ToString()
//스토어 ID
enStrategyDiscount.shopId = long.Parse(LoginInfo .ShopID);
enStrategyDiscount.fullMoney = Convert.ToDecimal(newdtb.Rows[i]["fullMoney"].ToString());
enStrategyDiscount.discount = Convert.ToDecimal(newdtb.Rows[i ][ "discount"].ToString());
//배열에 데이터 쓰기
arrDiscount.Add(enStrategyDiscount)
}
//데이터베이스에 데이터 쓰기
IStrategyBLL 전략 = new StrategyBLL();
if (strategy.AddStrategyDiscount(arrDiscount))
{
Response.Write("true")
Response.End();
else
{
Response.Write("false");
Response.End()
}
}
여기에 json Convert를 넣어야 합니다. 데이터 테이블로
[html]
/// private DataTable Json2Dtb(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer()
ArrayList dic = jss.Deserialize
DataTable dtb = new DataTable();
if (dic.Count > 0)
{
foreach (Dictionary
{
if (dtb.Columns.Count == 0)
{
foreach(drow.Keys의 문자열 키)
{
dtb.Columns.Add(key, drow[key].GetType () );
}
}
DataRow row = dtb.NewRow();
foreach(drow.Keys의 문자열 키)
{
row[key] = drow[ key]
}
dtb.Rows.Add(row)
}
}
return dtb; // / Json을 DataTable로
///
/// private DataTable Json2Dtb(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = jss.Deserialize
if (dic.Count > 0)
{
foreach (Dictionary
{
if (dtb.Columns.Count == 0)
{
foreach(drow.Keys의 문자열 키)
{
dtb.Columns.Add(key, drow[key].GetType())
}
}
DataRow row = dtb.NewRow();
foreach(drow.Keys의 문자열 키)
{
row[key] = drow[key]}
dtb .Rows.Add(row);
}
}
return dtb;
}
이런 방식으로 데이터를 데이터베이스에 쓸 수 있습니다. 상쾌하다.
물론, 데이터베이스에서 읽은 데이터테이블이 json을 통해 포그라운드에 표시된다면 어떨까요?
먼저 데이터 테이블을 json 데이터로 변환해야 합니다
[html]
코드 복사
코드는 다음과 같습니다. 다음은:
/// <요약>
/// DataTable转Json
///
///
/// <반품>반품>
비공개 문자열 Dtb2Json(DataTable dtb)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = new ArrayList();
foreach(dtb.Rows의 DataRow 행)
{
Dictionary
foreach(dtb.Columns의 DataColumn col)
{
drow.Add(col.ColumnName, row[col.ColumnName]);
}
dic.Add(drow);
}
return jss.Serialize(dic);
}
/// <요약>
/// DataTable转Json
///
///
/// <반품>반품>
비공개 문자열 Dtb2Json(DataTable dtb)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
ArrayList dic = new ArrayList();
foreach(dtb.Rows의 DataRow 행)
{
Dictionary
foreach(dtb.Columns의 DataColumn col)
{
drow.Add(col.ColumnName, row[col.ColumnName]);
}
dic.Add(drow);
}
return jss.Serialize(dic);
}
然后写回到前台
[html]
///
/// 处理异步请求
///
private void ProcessRequest()
{
Response.ContentType = "text/html";
string json = Request.Form["json"];
//反序列化DataTable
DataTable newdtb = Json2Dtb(json);
//序列化DataTable为JSON
string back = Dtb2Json(newdtb);
응답.쓰기(뒤로);
응답.끝();
}
/// <요약>
/// 处理异步请求
///
private void ProcessRequest()
{
Response.ContentType = "text/html";
string json = Request.Form["json"];
//反序列化DataTable
DataTable newdtb = Json2Dtb(json);
//序列化DataTable为JSON
string back = Dtb2Json(newdtb);
응답.쓰기(뒤로);
응답.끝();
}
지금前台接受显示:
[html]
$(function() {
//点击botton1
$("#botton1").click(function() {
createTable(json);
});
});
//显示Json中的数据
function createTable(json) {
var table = $("
for (var i = 0; i o1 = json[i];
var row = $("
for (o1 입력) {
var td = $("
td.text(o1[key].toString());
td.appendTo(행);
}
row.appendTo(테이블);
}
table.appendTo($("#back"));
}
$(function() {
//点击botton1
$("#botton1").click(function() {
createTable(json);
}) ;
});
//显示Json中的数据
function createTable(json) {
var table = $("
for (var i = 0; i o1 = json[i];
var row = $("
for (o1 입력) {
var td = $("
td.text(o1[key].toString());
td.appendTo(행);
}
row.appendTo(테이블);
}
table.appendTo($("#back"));
}
这样,就完成了json向后台传输数据和显示后台数据了,当然,这种传输方式只是传输的一种,如果是简单字符串也可以用get and post는 자바스크립트 기반의 보안이 안전하지 않고 고정되지 않은 상태로 작동하며, 게시할 수 없습니다.

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











golangWebSocket과 JSON의 결합: 데이터 전송과 파싱의 실현 현대 웹 개발에서 실시간 데이터 전송은 점점 더 중요해지고 있습니다. WebSocket은 양방향 통신을 달성하는 데 사용되는 프로토콜입니다. 기존 HTTP 요청-응답 모델과 달리 WebSocket을 사용하면 서버가 클라이언트에 데이터를 적극적으로 푸시할 수 있습니다. JSON(JavaScriptObjectNotation)은 간결하고 읽기 쉬운 데이터 교환을 위한 경량 형식입니다.

MySQL5.7과 MySQL8.0은 서로 다른 두 가지 MySQL 데이터베이스 버전입니다. 두 버전 사이에는 몇 가지 주요 차이점이 있습니다. 성능 개선: MySQL8.0은 MySQL5.7에 비해 성능이 일부 향상되었습니다. 여기에는 더 나은 쿼리 최적화 프로그램, 더 효율적인 쿼리 실행 계획 생성, 더 나은 인덱싱 알고리즘 및 병렬 쿼리 등이 포함됩니다. 이러한 개선 사항은 쿼리 성능과 전반적인 시스템 성능을 향상시킬 수 있습니다. JSON 지원: MySQL 8.0에는 JSON 데이터의 저장, 쿼리 및 인덱싱을 포함하여 JSON 데이터 유형에 대한 기본 지원이 도입되었습니다. 이를 통해 MySQL에서 JSON 데이터를 보다 편리하고 효율적으로 처리하고 조작할 수 있습니다. 트랜잭션 기능: MySQL8.0은 원자와 같은 몇 가지 새로운 트랜잭션 기능을 도입합니다.

PHP 배열을 JSON으로 변환하기 위한 성능 최적화 방법은 다음과 같습니다. JSON 확장 및 json_encode() 함수를 사용하여 문자 이스케이프를 방지하고 버퍼를 사용하여 JSON 인코딩 결과 캐싱을 고려합니다. JSON 인코딩 라이브러리.

C# 개발에서 XML 및 JSON 데이터 형식을 처리하려면 특정 코드 예제가 필요합니다. 최신 소프트웨어 개발에서는 XML과 JSON이 널리 사용되는 두 가지 데이터 형식입니다. XML(Extensible Markup Language)은 데이터를 저장하고 전송하는 데 사용되는 마크업 언어인 반면, JSON(JavaScript Object Notation)은 경량 데이터 교환 형식입니다. C# 개발에서는 XML 및 JSON 데이터를 처리하고 조작해야 하는 경우가 많습니다. 이 기사에서는 C#을 사용하여 이 두 가지 데이터 형식을 처리하고 첨부하는 방법에 중점을 둘 것입니다.

Golang에서 json.MarshalIndent 함수를 사용하여 구조를 형식화된 JSON 문자열로 변환합니다. Golang에서 프로그램을 작성할 때 구조를 JSON 문자열로 변환해야 하는 경우가 종종 있습니다. 이 과정에서 json.MarshalIndent 함수가 도움이 될 수 있습니다. 포맷된 출력. 아래에서는 이 기능을 사용하는 방법을 자세히 설명하고 구체적인 코드 예제를 제공합니다. 먼저 일부 데이터가 포함된 구조를 만들어 보겠습니다. 다음은 표시입니다

빠른 시작: JSON 파일을 읽는 Pandas 방법, 특정 코드 예제가 필요합니다. 소개: 데이터 분석 및 데이터 과학 분야에서 Pandas는 중요한 Python 라이브러리 중 하나입니다. 풍부한 기능과 유연한 데이터 구조를 제공하며, 다양한 데이터를 쉽게 처리하고 분석할 수 있습니다. 실제 애플리케이션에서는 JSON 파일을 읽어야 하는 상황에 자주 직면합니다. 이 기사에서는 Pandas를 사용하여 JSON 파일을 읽고 특정 코드 예제를 첨부하는 방법을 소개합니다. 1. 팬더 설치

Jackson 라이브러리의 주석은 JSON 직렬화 및 역직렬화를 제어합니다. 직렬화: @JsonIgnore: 속성 무시 @JsonProperty: 이름 지정 @JsonGetter: get 메서드 사용 @JsonSetter: set 메서드 사용 역직렬화: @JsonIgnoreProperties: @JsonProperty 속성 무시: 이름 지정 @JsonCreator: 생성자 사용 @JsonDeserialize: 사용자 정의 논리

PHP의 json_encode() 함수를 사용하여 배열이나 객체를 JSON 문자열로 변환하고 출력 형식을 지정하면 다양한 플랫폼과 언어 간에 데이터를 더 쉽게 전송하고 교환할 수 있습니다. 이 기사에서는 json_encode() 함수의 기본 사용법과 JSON 문자열의 형식을 지정하고 출력하는 방법을 소개합니다. 1. json_encode() 함수의 기본 사용법 json_encode() 함수의 기본 구문은 다음과 같습니다. stringjson_encod
