파싱하기 전에 몇 가지 개념을 명확히 해야 합니다. 배열, 연관 배열 및 json 간의 차이점과 접점은 무엇입니까?
1. 개념 소개
1. 배열
구문:
ECMAScript v3은 배열 리터럴의 구문을 지정하고 JavaScript 1.2 및 JScript 3.0에서 이를 구현합니다. 쉼표로 구분된 표현식 목록을 대괄호 안에 넣어 배열을 만들고 초기화할 수 있습니다. 이 표현식의 값은 배열 요소가 됩니다. 예:
var a = [1, true, 'abc'];
자세한 작업은 API를 확인하세요.
ps: 대괄호로 구분해야 합니다.
2. 연관배열
1. 문법:
var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj
2.var
myhash= {key1:”val1″, key2:”val2″};//obj-사용 가능
ps: json 형식과 거의 동일하지만 json 형식 요구 사항이 더 엄격하지만(내부의 키-값 쌍은 큰따옴표를 사용해야 함) 원하는 경우에만 json을 형식 표준으로 사용할 수 있습니다. 이를 작동하려면 연관 배열(Object(obj))로 변환해야 합니다.
2. 간단한 조작
1. 해시 연관 배열에 키 값 추가
//키 값 newval을 사용하여 새 키 newkey를 추가합니다
myhash["newkey"] = "newval";
2. 해시 연관 배열에서 기존 키 값을 삭제합니다
// newkey 키를 삭제함과 동시에 해당 키 값에 해당하는 newval이 사라집니다.
delete myhash[”newkey”];
3. 해시 연관 배열 트래버스
// 전체 해시 배열을 탐색합니다.
for (key in myhash) {
val = myhash[key];
}
4. 가치 획득
방법 1.myhash.key1
방법 2.myhash.key2
3.json
형식 요구 사항:
{”key1″:”val1″, “key2″:”val2″};//엄격히 이 형식을 따르며 연산은 연관 배열의 연산을 기반으로 할 수 있습니다
2. 프론트엔드와 백엔드 상호 작용의 몇 가지 핵심 사항
1. 서버에서 보내는 데이터가 하나의 json이 아닌 여러 개의 json인 경우, 문자열을 조합하려면 배열에 연결하고 연관 배열을 사용해야 합니다
예: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];
2. 처음부터 끝까지 서버가 클라이언트에 제공하는 데이터는 문자열일 뿐이므로 js에서 필요한 작업을 수행할 수 있도록 eval을 통해 js 실행 객체로 변환할 수 있습니다. ().
따라서 jQuey에서 제공하는 $.parseJSON()에는 한계가 있습니다. 위 1에서 언급한 상황이라면 eval()을 사용하여 변환한 후 $.each(objs,function(i ,o)를 사용해야 합니다. ){...}) 작동
3. 구체적인 예시 코드
페이지 코드:
> ;
백엔드 코드:
@Override
protected void service(HttpServletRequest req, HttpServletResponse 담당자)
ServletException, IOException 발생 {
Map
jsonMap.put("name", "techbirds");
jsonMap.put("age", 23);
jsonMap.put(" sex", "male");
reps.getWriter().print(JSONObject.fromObject(jsonMap).toString());
reps.getWriter().flush();
reps.getWriter ().close();
}
@Override
protected void service(HttpServletRequest req, HttpServletResponse 담당자)
ServletException, IOException 발생 {
String array="[1,2,3,4,5,6 ]";
reps.getWriter().print(array);
reps.getWriter().flush();
reps.getWriter().close();
}

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


핫 AI 도구

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

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

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

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

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

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

Dreamweaver Mac版
시각적 웹 개발 도구
