웹 프론트엔드 JS 튜토리얼 프론트 및 backend_javascript 기술에서 데이터 전송을 위해 json을 사용하는 방법 소개

프론트 및 backend_javascript 기술에서 데이터 전송을 위해 json을 사용하는 방법 소개

May 16, 2016 pm 05:37 PM
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]



코드 복사
코드는 다음과 같습니다. $(함수 ( ) { //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")
}
})
})
$(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()
}
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]



/// Json을 DataTable로
///
/// private DataTable Json2Dtb(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer()
ArrayList dic = jss.Deserialize( json) ;
DataTable dtb = new DataTable();
if (dic.Count > 0)
{
foreach (Dictionary drow in dic)
{
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(json); new DataTable();
if (dic.Count > 0)
{
foreach (Dictionary drow in dic)
{
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 drow = new 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 drow = new 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는 자바스크립트 기반의 보안이 안전하지 않고 고정되지 않은 상태로 작동하며, 게시할 수 없습니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

golang WebSocket과 JSON의 결합: 데이터 전송 및 파싱 구현 golang WebSocket과 JSON의 결합: 데이터 전송 및 파싱 구현 Dec 17, 2023 pm 03:06 PM

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

MySQL5.7과 MySQL8.0의 차이점은 무엇입니까? MySQL5.7과 MySQL8.0의 차이점은 무엇입니까? Feb 19, 2024 am 11:21 AM

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

PHP 배열을 JSON으로 변환하기 위한 성능 최적화 팁 PHP 배열을 JSON으로 변환하기 위한 성능 최적화 팁 May 04, 2024 pm 06:15 PM

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

Pandas 사용 튜토리얼: JSON 파일 읽기를 위한 빠른 시작 Pandas 사용 튜토리얼: JSON 파일 읽기를 위한 빠른 시작 Jan 13, 2024 am 10:15 AM

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

Jackson 라이브러리의 주석은 JSON 직렬화 및 역직렬화를 어떻게 제어합니까? Jackson 라이브러리의 주석은 JSON 직렬화 및 역직렬화를 어떻게 제어합니까? May 06, 2024 pm 10:09 PM

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

C# 개발에서 XML 및 JSON 데이터 형식을 처리하는 방법 C# 개발에서 XML 및 JSON 데이터 형식을 처리하는 방법 Oct 09, 2023 pm 06:15 PM

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

golang의 json.MarshalIndent 함수를 사용하여 구조를 형식화된 JSON 문자열로 변환합니다. golang의 json.MarshalIndent 함수를 사용하여 구조를 형식화된 JSON 문자열로 변환합니다. Nov 18, 2023 pm 01:59 PM

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

두 iPhone 간에 모든 데이터를 전송하는 방법 자세한 설명: 기존 휴대폰에서 데이터를 마이그레이션하는 방법 두 iPhone 간에 모든 데이터를 전송하는 방법 자세한 설명: 기존 휴대폰에서 데이터를 마이그레이션하는 방법 Mar 18, 2024 pm 06:31 PM

많은 친구들이 Apple 휴대폰을 변경할 때 이전 휴대폰의 모든 데이터를 새 휴대폰으로 가져오고 싶어합니다. 이론상으로는 완전히 가능하지만 실제로는 모든 데이터를 "전송"하는 것이 불가능합니다. "데이터의 일부를 전송"하는 여러 가지 방법을 나열하십시오. 1. iTunes는 Apple 휴대폰에 사전 설치된 소프트웨어로 기존 휴대폰의 모든 데이터를 마이그레이션하는 데 사용할 수 있지만 컴퓨터와 함께 사용해야 합니다. 마이그레이션은 컴퓨터에 iTunes를 설치한 다음 데이터 케이블을 통해 휴대폰을 컴퓨터에 연결하고 iTunes를 사용하여 휴대폰의 앱과 데이터를 백업한 다음 마지막으로 백업을 새 Apple 휴대폰에 복원하여 완료할 수 있습니다. 2. iCloudiCloud는 Apple의 독점 "클라우드 공간" 도구입니다. 먼저 기존 휴대폰에 로그인할 수 있습니다.

See all articles