BASIC JQUERY COOKIE TUTORIAL

안녕하세요, 제 이름은 로스입니다 그리고 새로운 웹 개발자 킹을보고 있습니다

비디오 자습서 이 튜토리얼에서는 작업 방법을 보여 드리겠습니다 HTML과 자바 스크립트를 사용하는 쿠키 자, 이건 아주 기본적인 튜토리얼입니다 쿠키가 작동하는 방식을 이해하기 위해서입니다

보시다시피 나는 test라는 텍스트 상자에 create cookie를 누릅니다 그리고 첫 번째 쿠키 값을 말합니다 테스트와 동일합니다 이제 쿠키 값을 가져올 수 있으므로 쿠키를 클릭하면 쿠키가 표시됩니다 get 쿠키 값은 테스트입니다

그리고 나는 그것에 쿠키 클릭을 삭제할 수 있습니다 정의되지 않은 것으로 나타납니다 어떻게해야합니까? 글쎄 그것은 오히려 간단하고 어떻게 당신이 복잡하지 않은 쿠키를 만드십시오 여기에서 볼 수 있듯이 매우 간단합니다 구조

그것은 html5 문서 및 수 있습니다 HTML5 문서라고 어떻게 말할 수 있습니까? 모든 새로운 HTML5 문서 2012 년에는 Doctype HTML이 시작될 때 느낌표 (!)와 함께 사용됩니다 그래서 이 웹 페이지가 준비가되었음을 알려주며이 두 스크립트를 알 수 있습니다 여기에 태그가 있습니다 실제로 외부 자바 스크립트 파일을로드하고 있습니다

이것은 실제로 Google API 웹 사이트에서 호스팅되며 실제로 jQuery 라이브러리 331 이 경로에 대해 jQuery가 필요하므로 그냥 곰 그걸 염두에 두시오 또한 JS Cookie dot mini라고하는 다른 플러그인을 사용하고 있습니다

점 JS 그리고 저는 그들이 CDN을 사용하여 저에게 링크를 제공했습니다 나는 또한 이 파일을 얻을 수있는 위치에 대한 설명 링크를 클릭하십시오 이 문서 우리가 볼 수 있듯이 몇 가지 변수가 있습니다

꽤 기본적인 변수 우리는이 HTML 요소들을 모두 잡아 내고 있습니다 이리 우리는 실제적으로 그것들의 이름을 바꾸고 있습니다 그것은 모두 변수입니다 내가 한 첫 번째 작업은 create라는 버튼을 만들었습니다

jQuery의 기본 클릭 기능과 주목할 점은 내가 사용하고있는 것입니다 쿠키를 사용하여이 코드 행이하는 것을 정의합니다 쿠키를 넣으라고 했어요 그리고이 첫 번째 값은 쿠키의 이름입니다 괜찮아? 그래서, 당신이 아주 새로운 쿠키

통과해야 할 두 가지 주장이 필요합니다 지나가 다 그래서,이 경우에는이 텍스트 상자의 값을 가져옵니다 아래쪽에 이제 다음 코드 행은 쿠키를 말하는 경고입니다

값은 쿠키 값입니다 이제 쿠키 값을 사용할 수 있으며 쿠키를 사용하고 있습니다 도망 이제 쿠키 도트에는 하나의 인수 만 있습니다 그리고 그 이름은 쿠키

괜찮아? 그래서 그것은 그것이 여기에서 말하는 것입니다 첫 번째 쿠키 그것이 그 이름입니다 만약 쿠키를 제거하고 싶습니다 제거 명령을 사용하여 그렇게 할 수 있습니다

단지 하나의 논쟁이 있습니다 프로그래밍이 끝날 무렵, 큰 프로젝트를 할 때 너에게 내 충고는 사물을 지키는 것이다 단순한 이 비디오 자습서가 도움이되었다고 판단되면 요금과 같이 가입하십시오

및 코멘트 그리고 내가 너에게 무엇을하기를 원하는지 알려줘 지켜봐 줘서 고마워

Asp.net Registration Form Design with Validation Part – 1

Aspnet 웹 응용 프로그램에서 새 프로젝트 만들기 웹 양식 추가 Style

css의 이름을 가진 CSS 파일을 추가하십시오 이미지 폴더 만들기 이미지 폴더에 이미지를 추가하십시오 CSS 파일을 연결하는 링크 태그를 추가합니다 css 파일의 경로가 올바른지 확인하십시오 font-family 용 Google Font url을 사용하고 있습니다

url의 경로가 올바른지 확인하십시오 그렇지 않으면 글꼴에 영향을 줄 수 없습니다 배경 경로 이미지입니다 프로젝트를 실행하다 다음 비디오에서는 데이터베이스를 만들고이 등록 양식과 연결합니다 질문이 있으시면 언제든지이 비디오의 의견란에 제안 해주십시오

이 비디오의 제 2 부에서이 튜토리얼의 소스 코드를 다운로드 할 수 있습니다 제발 뭔가 새로운 것을 발견하면이 비디오처럼 ! 고맙습니다

jQuery

[세미나 : JQUERY] [Vipul Shekhawat, 하버드 대학교] [이것은 CS50입니다] [CS50

TV] 집에서 따라 다니는 경우 실제로 온라인으로 내 슬라이드에 액세스 할 수 있습니다 이 링크로 이동합니다 bitly에 TjjRWj입니다

URL로 바로 이동할 수도 있습니다 클라우드입니다 cs50net/~vshekhawat, 내 이름은, 및 jquery 집에서 시청하는 경우 따라야 할 것이므로 적극 권합니다

이 대화식 프레 젠 테이션이기 때문에 여기에있는 경우에도 마찬가지입니다 오늘 저는 jQuery에 대해 이야기 할 것입니다 첫 번째 질문은, jQuery 란 무엇입니까? 올해는 자바 스크립트를 다루지 않았 음을 알고 있습니다 우리가 지난 몇 년 동안 가지고있는만큼 상세하게 JavaScript는 무엇보다도 클라이언트 측 언어입니다 각 사용자의 컴퓨터에서 스크립트 및 코드를 실행하는 데 사용됩니다

따라서 사람들에게 웹 페이지를 제공하는 서버가 있습니다 그러나 당신은 그들의 기계에서 물건을하고 싶을지도 모릅니다 30 초마다 서버에 요청을 보내도록 컴퓨터에 요청하십시오 JavaScript를 사용하여이를 수행 할 수 있습니다 JQuery는 JavaScript 위에 더 많은 기능을 제공합니다

당신을 위해 여분의 일을합니다 상단의 내용을 보면, 그것은 당신이 할 수있는 것들을 설명합니다 전체적으로 2006 년 1 월에 만들어졌습니다 그것은 2005 년 8 월에 처음으로 잉태되었습니다 2 년 전부터 있었고 새로운 웹 2

0 운동의 일부입니다 인터넷이 너무 반짝 거리게되었습니다 가장 널리 사용되는 JavaScript 라이브러리입니다 1960 만 이상의 웹 사이트에서 사용하고 있으며 사용량은 계속 증가하고 있습니다 분명히 작년에 걸쳐, builtwith

com에 따르면, 이제 막 공정하게 선형 적으로 계속 증가하고 있습니다 1000 만 사이트 중 아직까지 – 약 40 %가 현재 그것을 사용하고 있습니다 페이스 북은 그것을 사용하고, 다른 많은 웹 사이트는 현재 그것을 사용합니다 원하는 경우 통계를 직접 볼 수 있습니다 재단과 이사회 위원이 13 명이므로 합법적이라고 말할 수 있습니다

20 명으로 구성된 팀과 함께 정기적으로 작업합니다 그래서 매우 널리 사용되며 org URL을 가지고 있습니다 그것은 다른 것들에 대한 스핀 오프를 가지고 있으므로 큰 문제입니다 왜 그것을 사용해야합니까? JQuery는 매우 가볍다

그것은 거대한 파일이 아니라는 것을 의미합니다 너는 다운로드 할 수있어 모든 공백과 주석이없는 축소 된 파일이며 단지 32KB입니다 따라서 웹 페이지를 던지기가 쉽습니다 그리고 그것을 사용하기 시작합니다

또한 매우 효율적으로 작성되었으므로 많은 부분을 차지하지 않습니다 당신이 그것을 사용할 때 당신의 웹 사이트를 많이 늦추지는 않습니다 이전에는 불가능했던 것을 구현할 수 있습니다 기능의 일부 측면이 있습니다 일반적으로 매우 어려울 애니메이션을 만드는 것과 같습니다

그러나 jQuery에서 실제로는 매우 간단합니다 그리고 성가신 몇 가지 일이 있습니다 POST 요청 전송과 같은 JavaScript에서 가능하며, 하지만 서버에 요청을 보내려면 5 줄 또는 6 줄 또는 7 줄의 코드 이제는 단일 함수 호출로 단일 코드 행에서이를 수행 할 수 있습니다 그건 정말 당신이하는 많은 것들을 단순화합니다

그리고 모든 멋진 아이들이 그것을 사용하고 있습니다 그걸로, 나는 의미한다 작년 내 마지막 프로젝트 인 newswhrborg에서, 라디오 방송국 용입니다

이 블로그를 만들었습니다 우리가 해본 모든 프로그램과 MP3 파일을 호스트합니다 과거 공연을 둘러 보거나, jQuery를 사용하여 모든 작업을 완료 할 수 있습니다 당신을 말할 수있다 근본적으로 모든 애니메이션 때문입니다 그래서 만약 당신이 – 만약 당신이 새로운 게시물을 만들고있어, 너는이 작은 slideDowns을 본다; jQuery를 사용하면이 모든 작업을 완료 할 수 있습니다

그리고 이것은 퇴색합니다 – 그래서 jQuery를 사용하여 모든 일이 완료됩니다 사이트를 탐색하기 위해 페이지를 계속 새로 고침 할 필요가 없습니다 jQuery를 사용하여 만든 또 다른 멋진 점은이 프레젠테이션입니다 나는이 오픈 소스를 사용하여 scrolldeck이라고 불렀다 누군가 jQuery 위에 썼다

실제로 소스를 보면, 그들은이 달러 기호를 사용하고 있습니다 달러 기호 함수가 jQuery 함수임을 나타 내기 위해 jQuery에서 사용됩니다 그래서 그들은 jQuery 위에 래퍼를 정의하고있다 당신이 이렇게 프리젠 테이션을 할 수있게 해주는 것, 여기에 원래 jQuery 파일이 포함되어 있다는 것을 알 수 있습니다 jQuery를 사용하려는 경우 포함시켜야 할 내용입니다

자신의 웹 사이트에서 그걸 만지면 어떻게 설치하나요? jQuerycom으로 이동하여 파일을 다운로드 할 수 있습니다 그것을 웹 디렉토리에 추가하고 그것을 포함하십시오 HTML 파일의 head 태그 상단에 있습니다 기본 HTML 파일의 코드 행을 가져옵니다

사용중인 jQuery 버전에 맞는 올바른 버전을 사용하십시오 jQuerycom으로 이동하여 다운로드 할 수 있습니다 "download jQuery"를 클릭하십시오 그게 전부 야

실제로, 우리는 그것이 어떻게 생겼는지 살펴볼 수 있습니다 여기를 클릭하면 jQuery가 다운로드됩니다 그것은 당신을 위해 모든 마법 물건을 수행하는 하나의 큰 자바 스크립트 파일입니다 이것은 완전히 읽을 수없는 축소 된 버전입니다 읽을 수있는 개발 버전을 볼 수도 있습니다

그러나 여전히 매우, 매우 길다 거기에 많은 것들이 있습니다 Google의 호스팅 된 버전에 연결할 수도 있습니다 따라서이 기능을 사용하면 Google에서 제공 할 수 있습니다 그들은 항상 사용할 수있는 모든 버전을 제공합니다

그래서 당신은 아마 당신을 위해 그것을 호스팅하는 구글에 의존 할 수 있습니다 또는 jQuery 자체의 최신 버전에 링크 할 수 있습니다 URL은 항상 최신 버전으로 업데이트됩니다 그것은 jQuery 최신이고, 거기에 하나의 문제가 있습니다 업데이트 된 jQuery와 이전 기능 중 일부가 그들은 역행하거나 비참하게되었지만, 그렇지 않을 수도 있습니다

더 이상 지원되지 않을 수도 있습니다 따라서 버전 182를 사용하여 웹 사이트를 작성하는 경우, 시간이 갈수록 27 버전이 나온다

당신이 쓴 함수 중 일부는 더 이상 작동하지 않습니다 따라서 32KB 파일을 다운로드하는 것이 좋습니다 귀하의 웹 페이지에 그것을 넣어, 그리고 영원히 작동합니다 이제 jQuery의 실제 기능에 대해 이야기하겠습니다 우선 선택자입니다

이것이 jQuery가 처음 제공 한 것입니다 그리고 당신은 볼 문서를 클릭 할 수 있습니다 내가 다루어야 할 선택자에 대한 자세한 문서 선택자 뒤에있는 아이디어는 페이지에서 HTML 요소를 선택할 수 있다는 것입니다 페이지의 요소에는 ID, 클래스 및 기타 식별 측면이 있습니다 다른 명령을 받았습니다

시간의 일부는 서로 내부에 중첩되어 있습니다 JQuery를 사용하면 페이지에서 요소를 검색하는 간단한 쿼리를 작성할 수있다 그런 다음 jQuery 함수를 사용하여 이러한 요소를 조작 할 수 있습니다 그것은 나중에 우리가 얻을 조작부입니다 HTML을 변경하거나, CSS를 변경하거나, 또한 특정 이벤트에서 활성화되는 기능을 애니메이션으로 추가 할 수 있습니다

예를 들어, 어떤 것이 클릭되면, 당신은 어떤 일이 일어나길 원합니다 jQuery를 사용하여 그렇게 할 수있다 그리고 요소를 선택할 수있는 방대한 수의 방법이 있습니다 그들 중 대부분은 한번도 사용해 본 적이 없지만 기본적인 것들이 있습니다 그것은 매우 중요합니다

예를 들어 요소 선택기는 아무 것도 선택하지 않은 경우입니다 그 div입니다 – 실제로이 슬라이드 프레 젠 테이션을위한 코드를 엽니 다 예를 들어 첫 번째 슬라이드가 있습니다 여기에 div가 있습니다 실제로 페이지의 모든 div를 선택하면 이 파일에 존재하는 모든 div를 배열로 줄 것입니다

ID 선택기를 사용하면 주어진 ID로 무엇이든 선택할 수 있습니다 예를 들어,이 항목에 ID "what"이 있으면 ID 대신 #what을 사용하여이 작업을 수행 한 경우, 단일 요소가 있고 페이지의 해당 요소 인 배열을 반환합니다 우리는 또한 셀렉터를 div 인 ID가있는 항목 만 선택하십시오 그래 해당 ID가있는 div 만 선택하십시오

클래스의 경우 점을 사용하기 만하면 CSS와 같은 것입니다 하강도 작용한다 그래서 어떤 수업을 듣는다면 그 안에 중첩 된 요소가 있습니다 예를 들어, 어떤 클래스가 있고 다른 페이지에 링크 할 앵커 태그가 있습니다 이 구문을 사용하여 링크를 검색 할 수 있습니다

한 번에 여러 항목을 선택할 수도 있습니다 쉼표로 구분하면됩니다 원하는 셀렉터를 사용하면 모든 배열을 한 번에 하나의 배열로 선택할 수 있습니다 그런 다음 선택기가 없으므로 모든 div를 선택할 수 있습니다 어떤 특정 클래스가 없습니다

그리고 이것은 어떻게이 선택이 작동하는지에 대한 소개를 얻는 데 도움이 될 것입니다 몇 가지 구체적인 예를 몇 초 동안 보여 드리겠습니다 고급 선택기는 다음과 같습니다 수십 가지가 있지만 이미지 태그를 모두 선택하려면 일부 요소 내에서 다음을 수행하면됩니다 image

짝수 요소를 선택하려면 (예 : 20 개가있는 경우) 당신은 0, 2, 4, 6 등을 선택하고 싶습니다 당신도 할 수 있습니다 : 심지어, 또는 당신도 할 수 있습니다 : 이상한 이들은 의사 선택기입니다 즉, 실제로는 모든 요소를 ​​선택하고 모두 선택하는 것이 아닙니다 또한 각 요소는 특정 속성을 가질 수 있습니다

예를 들어, class = center는 속성이기도합니다 이 앵커 태그의 경우 href, 하이퍼 텍스트 참조도 속성입니다 따라서 특정 페이지 또는 특정 페이지로 연결되는 항목을 선택할 수 있습니다 이는 정말 일반적입니다 원하는 속성으로 무엇이든 선택할 수 있습니다

그리고 속성도 포함됩니다 예를 들어, 모든 입력 요소를 선택하려면 그 (것)들의 이름으로 낱말 "통행"가있는, 페이지에 입력 텍스트 블록이있는 경우 그건 "암호"라고 불리는데, 그 암호를 선택할 수있는 방법 중 하나입니다 그리고 더 많은 것이 있습니다 문서를 살펴볼 수 있습니다 어떻게 작동하는지에 대한 구체적인 예를 참조하십시오

다음은 DOM 조작입니다 요소를 선택하면 실제로 요소를 추가하려고합니다 지금까지 우리는 전혀 보지 않았지만 문서를 보면, 우리가 할 수있는 일이 정말로 많습니다 이 시점에서 우리는이 프레젠테이션에서 요소를 선택하게 될 것입니다 jQuery를 사용하여 조작 할 수 있습니다

이것은 jQuery를 사용하여 구현되었으므로 jQuery 라이브러리에 액세스 할 수 있으며, 이 코드에서 이러한 함수를 사용할 수 있습니다 당신이 알지 못할 수도있는 유용한 한가지는 콘솔입니다 그리고 Google 크롬은 제가 사용하고 있습니다 alt 명령 J를 누를 수 있습니다 또는 alt 컨트롤 J를 사용하여 콘솔을 엽니 다

파이어 폭스에서는 커맨드 시프트 K 또는 컨트롤 시프트 K라고 생각합니다 Safari에서는 일부 설정을 변경해야합니다 원하는 경우 링크가 있지만 Chrome 또는 Firefox를 가져 오는 것이 좋습니다 그럼 콘솔을여십시오, 여기 있습니다 그것은 기본적으로 당신이 원하는 무엇이든 할 수 있습니다

따라서 x라는 변수를 만들면됩니다 x = 5, x + 2가 무엇인지 봅시다 심지어 CS +와 같은 것을 할 수 있습니다, x + 45, CS50이 될 것입니다 몇 가지 일반적인 자바 스크립트 작업 만 수행 할 수 있습니다 하지만 여기서도 jQuery를 할 수 있습니다

여기서 첫 번째 측면을 살펴 보겠습니다 우리는 문자열 인 HTML이라는 변수를 생성 할 것입니다 그것은 새로운 텍스트라고하는 단락 태그를 가지고 있습니다 그래서 우리는 단락 태그 안에이 HTML을 가지고 있습니다 그것은 새로운 텍스트입니다

이제 실제로 페이지에 추가하려고합니다 이 단락의 HTML (이 제목은 여기에 추가 ID)이되도록 설정했습니다 추가 ID를 선택하고 추가합니다 방금 만든 HTML 변수, 이 단락 태그 바로 뒤에 HTML이 끝에 추가됩니다 그래서 우리가 그렇게한다면 – 우리는이 단락을 선택했습니다, 방금 추가 한 HTML 변수로 append 함수를 호출했습니다 페이지에 새 텍스트가 추가됩니다

우리는 또한 그 요소의 시작 부분에 앞서 갈 것이라는 의미 인 앞에 붙일 수 있습니다 그래서 처음부터 새로운 텍스트가 있습니다 나는 방금 진행 한이 물건들을 없애기 위해 새로 고침 할 수 있습니다 그러나 이것은 prepend와 append 메소드를 사용하는 방법의 예입니다 페이지의 내용을 조작하려면 HTML을 추가하십시오

수업을 변경할 수도 있습니다 이 스타일 파일로 돌아가서, 나는 이것을 win 클래스 용으로 만들었습니다 텍스트 색상은 빨간색, 배경색은 텍스트, 그림자는 텍스트입니다 그것은 끔찍한 것처럼 보이지만 실제로 할 수 있습니다 – 이 단락은 클래스 ID에 해당합니다 그래서 나는 승리를위한 클래스를 추가 할 수 있습니다

나는 이것을 콘솔에서 실행할 수있다 그리고 그것은 그 수업을 추가 할 것이고, 지금은 예상대로 끔찍한 것처럼 보입니다 CSS는 자동으로 클래스에 적용됩니다 클래스에 CSS가 있으면 자동으로 적용됩니다 요소의 클래스를 변경하는 경우 그런 다음 remove 클래스를 사용하여 제거 할 수 있습니다

따라서 빨간색 또는 강조 표시된 것과 같은 미리 정의 된 클래스가있는 경우, 그런 다음 요소에 적용하려는 경우, 매번 모든 CSS 스타일을 적용 할 필요는 없습니다 요소에 클래스를 추가하면 자동으로 다음과 같이됩니다 해당 클래스에 대해 자동으로 적절하게 보입니다 우리는 또한 사물을 제거 할 수 있습니다 모든 div를 선택하겠습니다

페이지에서 제거하십시오 그게 어떤 모습일까요? 아무것도 보이지 않을 것이므로 실제로는 아무것도 남지 않았습니다 제 발표가 끝났습니다 다행스럽게도 나는 새로 고침하고 가져올 수 있습니다 한 번만 실행되기 때문에 하지만 그것은 페이지의 요소를 완전히 파괴하려는 경우 제거의 예입니다

덮어 쓸 수도 있으며 페이지의 모든 단락 태그를 선택하겠습니다 그들 안에 들어가서 그들이 가지고있는 텍스트를 대체하십시오 "테스트"라는 단어 만 있으면됩니다 이렇게하면 페이지의 모든 단락을이 테스트로 바꿉니다 네

그들은 모두 테스트로 대체됩니다 이것이 텍스트에 액세스하여 덮어 쓰는 예제입니다 또한 정보를 검색 할 수 있으며 이는 입력 상자에서 정말 좋습니다 사람들이 입력하는 입력 상자가 있다면, 사람들은 그것에 물건을 입력하고 있습니다 여기에서는 입력, 텍스트 유형의 입력 태그를 선택합니다

이 경우 전체 프리젠 테이션에는 하나의 입력 상자 만 있습니다 그래서 우리는 첫 번째 것을 선택하고, 그 위에 val 함수를 호출합니다 그러면 값이 반환되고 입력 상자의 경우 그 가치는 그 안에 어떤 일이 일어나고있는 그대로입니다 그래서 우리가 이렇게하면, 그냥 문자열 물건을 반환합니다 그리고 우리가 더 많은 것을 쓰고 난 후에 그것을 다시 부른다면, 그것은 더 많은 것들로 변합니다

이것이 입력 상자의 요소에 액세스하는 좋은 방법 중 하나이며, 유효한 전자 메일 주소입니까? 예를 들어 유효한 날짜입니까? 사람들이 입력하는 즉시 물건을 검색 할 수 있습니다 그리고 그것이 유효한지, 서버로 되돌려 보내고, 당신이 원하는 것을해라 그리고 그 상자 안에있는 것들에 액세스하는 방법입니다 CSS를 직접 수정할 수도 있습니다 일부 미리 정의 된 속성이있는 클래스 원하는 CSS를 추가 할 수 있습니다

그러면 전체 프레젠테이션 인 본문을 선택하겠습니다 color는 텍스트의 색을 정의하는 속성입니다 빨간색으로 변경하면 페이지의 모든 텍스트가 빨간색으로 바뀝니다 우리는 배경색 파란색, 우리는 거기에 갈; 아름다워 이것으로 원하는 모든 것을 할 수 있습니다

CSS 속성을 사용하면 언제든지 모양을 실제로 수정할 수 있습니다 다음은 효과입니다 효과는 기본적으로 CSS 수정과 같습니다 그러나 그들은 실제로 그것에 약간의 애니메이션을 제공합니다 따라서 단순히 뭔가를 보이거나 숨기거나 색상을 변경하는 대신, 실제로 애니메이션으로 만들 수 있습니다

광범위한 문서를보고 싶다면 여기에 설명서가 있습니다 그러나 나는 주요 것들을 다룰 것입니다 표시 및 숨기기 속성이 있습니다 ID 표시 / 숨기기는 실제로이 전체 상자에 해당합니다 그래서 내가 그것을 숨기면, 그것은 단지 사라질 것입니다

그리고 다시 돌아오고 싶다면 다시 보여줄 수 있습니다 그리고 돌아 왔습니다 그것은 실제로 사라지지 않았고, 나는 실제로 페이지에서 그것을 제거하지 않았다, 나는 단지 visibility의 CSS 속성을 hidden으로 설정했다 그래서 당신은 더 이상 그것을 볼 수 없습니다 또한 위로 미끄러 져 내려 앉습니다

이 효과를 얻을 수 있습니다 사라져서 사라지고 사라집니다 다시 내려올 수 있도록 아래로 밀어 넣을 수 있습니다 그리고 이제 돌아 왔습니다 이 페이드 효과가 있습니다

페이드 ID는이 상자와 일치합니다 페이드 아웃하면 천천히 사라집니다 나는 또한 그것을 퇴색시킬 수 있고, 그것은 다시 올 것이다 페이드 기능은 페이드 기능에만 해당됩니다 원하는 특정 불투명도로 페이드 할 수 있습니다

따라서 5로 천천히 희미 해지면 절반으로 보입니다 나는 1로 가고 다시 1로 완전히 되돌릴 수 있도록 1로 되돌릴 수 있습니다 그것은 당신이 할 수있는 또 하나의 애니메이션입니다

토글 효과도 있습니다 따라서이 상자에 해당하는 토글 ID를 선택하겠습니다 그 div에서 당신은 토글을 부를 수 있습니다; 눈에 보이면 보이지 않게됩니다 보이지 않으면 다시 볼 수 있습니다 그래서이 토글 함수를 두 번 호출했습니다

첫 번째 것은 숨기기와 같은 일, 두 번째 전화는 쇼와 같은 것이 었습니다 그리고 페이드 토글로 이것을 할 수도 있습니다 실제로는 사라지는 것을 제외하고는 똑같은 일을합니다 그리고 슬라이드 토글도 마찬가지입니다 체인 효과도 있습니다

요소를 선택하고 그 위에 여러 가지 애니메이션 메서드를 호출하면, 당신이 그것을 퇴색시키고 싶었던 경우에, 그 후에 아래로 미끄러지십시오, 숨긴 다음 페이드 인하면 연속적으로 수행됩니다 그래서 사라져서, 다시 돌아 왔습니다 – 웬일인지, 숨은 것이 일어나지 않았습니다 그것을 시도하자 그래, 그래서 그것은 사라져 버렸고, 그리고 그것은 미끄러졌다 그리고 더 많은 것이 있습니다

애니메이션 기능을 사용할 수 있습니다 매우 복잡한 자체 애니메이션을 만들려면, 그러나 그것은 당신에게 무한한 확장 성을 제공합니다 원하는 애니메이션을 만들 수 있습니다 대기열을 사용하여 한 번에 여러 애니메이션을 대기열에 넣을 수도 있습니다 그래서 당신이 뭔가를 페이지를 가로 질러 날아 가기를 원한다면, 오른쪽 상단에서 왼쪽 하단으로 슬라이드하면, 그렇게 할 수 있습니다

하나씩 다른 작업을 차례대로 진행하십시오 다음으로 우리가 이야기 할 것은 이벤트입니다 이벤트는 당신을 허용합니다 – 지금까지 우리는 콘솔에 물건을 타이핑했습니다 이것이 그 일이 일어나는 한 가지 방법입니다 그러나 실제 페이지에서, 당신은 할 수 없을 것입니다 사용자가 물건을 콘솔에 입력하게하십시오

자동으로 일이 이루어 지길 원합니다 이를 위해서는 특정 이벤트가 발생할 때 활성화되는 이벤트를 사용해야합니다 자세한 내용은 설명서를 참조하십시오 그래서 보자 상자를 숨기거나 표시하고 싶습니다

하지만이 버튼은 아직 구현하지 않았기 때문에 아무 것도하지 않습니다 나는 실제 HTML 페이지로 갈 것이다 슬라이드가 있습니다 슬라이드를위한 div가 있습니다 그것은 슬라이드의 클래스가 있습니다

텍스트가 있습니다 이제이 상자와 상자 단추가 있습니다 우리가 실제로 이것을 어떻게 사라지게할까요? 먼저 상자 ID를 사라지게하는 함수를 작성해 보겠습니다 이것은 funtion의 구문입니다 hideTheBox라고 부르 자고합니다

취할 인수가 없기 때문에 인수를 취하지 않습니다 상자 ID를 선택할 수 있습니다 그래서 jQuery select를 사용하여 상자 ID를 선택할 수 있습니다 그런 다음 사라지게하십시오 페이드 아웃하자

실제 콘솔에서이 기능을 실행하면, 이 함수를 정의 할 수 있습니다 hideTheBox를 호출 할 수 있습니다 그러나 버튼을 실제로 누르면 버튼이 발생하기를 원합니다 그렇게하려면 이벤트를 사용해야합니다 이벤트를 특정 단추 또는 일부 동작에 바인딩하려면, 이벤트가 트리거 할 요소를 선택해야합니다

또는 그 이벤트를 트리거합니다, 죄송합니다 먼저 상자 버튼 ID를 선택하겠습니다 이것이 바로 버튼이기 때문에, 지금은 그 버튼을 위해, 우리는 그것이 클릭되었을 때 애니메이션을 만들고 싶습니다 클릭 기능이 있습니다 다른 기능을 바인딩 할 수 있습니다

이 함수는 다른 함수를 인수로 사용합니다 우리는 hideTheBox 함수를 전달할 수 있습니다 이 버튼을 클릭 할 때마다 해당 기능이 자동으로 실행됩니다 우리가 이것을 저장하면 새로 고침을 할 수 있습니다 그리고 1 초, 미안해

이 문제를 정말로 빨리 해결하도록하겠습니다 괜찮아 우리는 거기에 갈 이제 버튼을 클릭하면 상자가 사라집니다 우리는 이것을 fadeToggle로 바꿀 수도 있습니다

상자를 숨기거나 표시하기 위해 변경하십시오 우리가 새로 고침하면 이것은 또한 효과가있을 것입니다 우리는 그것을 숨길 수 있고 그것을 보여줄 수도 있습니다 그리고 그것은 계속 작동 할 것입니다 우리가 할 수있는 또 다른 일은 실제로 hideTheBox 함수를 정의 할 필요가 없다는 것입니다

우리가 click 함수를 호출하기 전에 따라서 함수를 정의하고 hideTheBox를 호출하는 대신, 이 일이 클릭되면 우리는 단지 그것을 부를 것입니다 그래서 우리는 여기에 익명으로 정의 할 수 있습니다 이는 자바 스크립트가 가지고있는 기능입니다 함수를 정의 할 수 있습니다

일반적으로 함수 hideTheBox 그러나 인수 대신 함수에 인수가 없다고 말할 수 있습니다 중괄호를 시작하여 함수를 정의하고, 그 중괄호를 닫은 다음 여기에 함수를 정의하면됩니다 첫 번째 괄호와 마지막 괄호 안에 click 함수의 인수에 해당합니다 따라서이 함수를 전달하면이 코드 줄을 여기에 복사 할 수 있습니다 그것은 똑같은 일을 할 것입니다

그리고 이제 우리는이 임의의 fadeTheBox 함수가 없습니다 명백한 이유없이 주변에 앉아있다 이 함수는 익명으로 정의되었으며 이름이 없습니다 상자 단추를 클릭 할 때만 실행됩니다 그래서 다시 한 번 더 상쾌하게, 그리고 한 번 더, 당신은 그것이 여전히 작동 볼 수 있습니다

이것이 이벤트를 만드는 방법입니다 우리가 사용할 수있는 다양한 이벤트가 많이 있습니다 콘솔을 사용하여 어떻게 작동하는지 다시 보여 드리겠습니다 각각의 ID는 각 상자에 해당합니다 이 상자는 클릭 ID이고,이 ID는 키 ID이고이 ID는 마우스 ID입니다

한 가지 더 중요한 것은이 액션 함수가 있다는 것입니다 매번 그것을 타이핑하지 않고, 실제로 실제로이 기능을 정의했습니다 hideTheBox 함수와 같은 기능을합니다 이 상자를 가져 와서 페이드 아웃하거나 페이드 인합니다 이것이 우리가 여기서 사용할 수있는 이유입니다

따라서이 클릭 ID를 클릭하면 상자가 사라지거나 다시 나타납니다 마지막 슬라이드에서 사용한 버튼과 같은 것입니다 이제 우리가 이것을 호출하면 이것을 클릭하면 상자가 사라지고, 다시 클릭하면 상자가 다시 나타납니다 꽤 간단합니다 더블 클릭은 똑같은 일을합니다

단 두 번 클릭하면됩니다 다시 한 번 클릭하여 다시 클릭하면 아무 일도 일어나지 않을 것입니다 하지만 두 번 빨리 클릭하면 사라질 것입니다 다시 더블 클릭하면 다시 나타납니다 그래서 매우 간단합니다

키보드 입력은 다소 이상합니다 이 예제에서는 실제로 작동하지 않는다고 생각합니다 왜냐하면 키를 아래로, 키를 위로 및 키를 누르십시오 및 기타 주요 동작 그것을 묶는 요소에 상관없이 활성화하십시오 예를 들어, 몸에 키를 완전히 묶어 두거나, 아무리해도 여전히 활성화 될 것입니다 – 구체적이지 않습니다 나는 이것을 클릭하고 아무것도 보이지 않게하기 위해 열쇠를 누를 필요가 없다

그것은 현재 어떤 요소에 관계없이 활성화 될 것입니다 따라서이 예제에서는 실제로 작동하지 않습니다 키보드 입력 div에 입력을 입력하는 것으로 인식하지 않기 때문입니다 그러나 마우스 동작을 보면, 첫 번째는 마우스를 가져 가면 CSS를 사용하여이 중 일부를 수행 할 수 있습니다 CSS를 사용하는 경우, CSS를 작성하여 무언가 위에 마우스를 가져 가면, 스타일이 바뀝니다

하지만 jQuery를 사용하면 다른 것들의 스타일도 바꿀 수 있습니다 예를 들어이 div 위로 마우스를 이동하면 액션을 호출합니다 즉, 마우스를 올려 놓으면 상자가 사라집니다 우리가 그것에서 멀리 이동하면 상자가 다시 나타납니다 우리가 이것을 호출하고 그 위에 마우스를 가져 가면 상자가 사라지고, 우리가 떠나 자마자 돌아옵니다

마우스 ID에서이 호버 기능을 호출하면, 이 상자에 해당하면 상자 위로 마우스를 가져 가면 그 상자는 실제로 사라질 것입니다 – 지금은 펑키하고 있습니다 만, 우리가 그것에서 멀어지면 그것은 다시 나타납니다 지금은 어떤 이유로 거꾸로되어 있습니다 마우스 입력과 마우스 이동 기능은 다소 비슷하지만 약간 씩 다릅니다 마우스 입력은 예상대로 상자에 마우스가 들어가면 활성화됩니다 그래서 당신이 그것으로 들어가면, 그것은 사라질 것입니다

그러나 당신이 떠날 때 그것은 다시 나타나지 않을 것입니다 다시 돌아 오려면 다시 움직여야합니다 마우스 이동 기능이있어 활성화됩니다 마우스가 상자 안에있을 때마다 그래서 계속해서 페이드 인 / 페이드 아웃합니다

그리고 실제로 로깅 중입니다 그냥 페이드 인 / 아웃하는 것처럼 보입니다 하지만 실제로 이보다 더 많은 행동을 기록하고 있습니다 그래서 당신이 떠날 때 그것은 그것들의 수천처럼 기록되기 때문에 계속 될 것입니다 아마 천이 아니 겠지

5 시까 지 그것보다 더 기록합니다 요점은 모든 마우스 동작에 많은 것들이 있다는 것입니다 다른 것들은 읽을 수 있지만 모두 약간 다릅니다 너는 너가 필요로하는 것을 고를 수있어

당신이하려는 특정 목적을 위해 다음으로 이야기 할 것은 AJAX입니다 AJAX, 올해는 자바 스크립트를 많이 다루지 않았지만, 그래서 저는 AJAX에 대해서 잠깐 이야기 할 것입니다 AJAX는 비동기 JavaScript 및 XML의 약자입니다 기본적으로, 예를 들어, 페이스 북에있을 때 알림을 보내면, AJAX가 웹 브라우저에서 실행 중이기 때문입니다

웹 브라우저가 실제로 몇 초마다 페이스 북의 서버로 가서, 그들에게 물어 보아라 나를 위해 새로운 무엇이 있느냐? 그리고 나서 그것은 당신에게 돌아옵니다 이렇게하면 서버에 요청을 보낼 수 있습니다 실제로 페이지를로드하지 않아도됩니다 그래서 보통 PHP와 데이터베이스를 사용한다면, 서버에서 새 정보를 얻기 전에 페이지를 새로 고쳐야합니다

그러나 AJAX를 사용하면 새로운 정보를 지속적으로 얻을 수 있습니다 또는 버튼이나 그와 비슷한 것을 클릭 할 때 끌어 당깁니다 이렇게하면 페이지를 다시로드하지 않고도 요청을 보낼 수 있습니다 GET 또는 POST 요청을 사용할 수 있습니다 GET 요청은 예를 들어 Google

com에 방문한 경우입니다 그리고 q = test를해라 그것은 그들에게 질의 테스트를 제공합니다 이러한 매개 변수를 URL 자체에 전달하기 때문에 GET 요청입니다 POST 요청은 마치 게시물을 통해 전송하는 것과 같습니다

당신이 그것을 편지에 넣고 그것을 그들에게 보내주는 것과 같습니다, 그러나 그들은 내용을 실제로 보지 못합니다 URL에 표시되지 않습니다 직접 입력 할 수는 없습니다 거의 비밀리에 보내야합니다 그것은 게시물에 있습니다

하지만 jQuery를 사용하면 GET 및 POST 요청을 수행 할 수 있습니다 일반적으로 자바 스크립트를 사용하는 것보다 훨씬 쉽습니다 GET 요청을 사용하여 API를 쿼리하고 로그인 정보를 확인할 수도 있습니다 다음 페이지에서 나는 이것을 만들었다 "점심 먹으러 가자

" Harvard food API를 사용하여, 그렇게 풀어 봅시다 이것은 jQuery를 사용하여 API에 GET 요청을 수행하는 방법의 예일뿐입니다 정보를 다시 얻으십시오 그래서 우리는 오늘의 메뉴를보고 싶습니다 우리는 점심을 먹을 곳을보고 싶어합니다

다음은 jQuery에서 GET 요청을 작성하기위한 URL입니다 $ get 함수를 사용합니다 첫 번째 인수는 URL이므로 정확하게 쿼리하는 것입니다 다음 인수는 GET 요청이 완료 될 때 실행되는 함수입니다

따라서 서버에 요청을 보내면 다시 기다려야합니다 다시 돌아 오면 서버에서 돌아온 데이터로 몇 가지 조치를 취할 것입니다 코드를 작성해 보겠습니다 나는 이것을 의도적으로 코딩하지 않았다 TODO가 있습니다

우선, 이벤트 바인딩을 사용합시다 그래서이 버튼을 누르면 GET 요청을 보냅니다 그리고 GET 요청이 일부 데이터와 함께 반환되면, 우리는 이것을 식사 정보 ID div에 기록 할 것입니다 우선, 푸드 버튼 ID를 선택하십시오 클릭하면 뭔가 할 수 있기를 바랍니다

이전처럼 익명의 fuction으로 만들자 그 중괄호를 감쌀 수 있고, 이 버튼을 누르면 GET 요청을 보내려고합니다 점심 먹으러 가려고했는지 확인해 이를 위해 $ get을 입력하면됩니다

이것은 달러 기호를 사용하는 jQuery 함수입니다 그것은 몇 가지 논증을 필요로합니다 첫 번째 것은 URL이며, 두 번째는 콜백 함수이고, 호출 된 함수입니다 요청이 실제로 반환 될 때 URL을 먼저 작성해 보겠습니다 David가 쓴 API에서 가져올 수 있습니다

여기로 가면, 그것이 음식이라는 것을 알 수 있습니다 cs50net/api/13/menus, 그런 다음 원하는 매개 변수의 이름을 전달하기 만하면됩니다 따라서 매개 변수 1은 값 1입니다

표준 날짜, 시작 날짜, 오늘 기본값으로 표시됩니다 아무 것도 입력하지 않으면 종료 날짜도 기본값으로 설정됩니다 너가 아무 것도 입력하지 않으면 오늘에 그것이 우리가 원하는 것입니다 우리는 오늘 정보를 얻고 싶습니다

우리는 형식을 JSON으로하고 싶습니다 그것은 단지 임의적입니다 원하는 양식을 사용할 수 있습니다 CSV를 사용할 수 있지만 JSON은 JavaScript Object Notation입니다 JavaScript가 의미하는 바를 이해하는 것은 매우 쉽습니다

우리는 그렇게 쉽게 인쇄 할 수 있습니다 JSON에서 요청하고 점심을 요청 해 봅시다 그래서 식사 = 점심 해당 URL을 작성하기 만하면됩니다 메뉴가 있습니다

첫 번째 매개 변수는 출력 = JSON입니다 그것이 우리가 원하는 것이기 때문에 매개 변수를 '와'로 구분하십시오 두 번째 매개 변수는 – 기억이 안납니다 식사 그리고 우리는 식사 = 점심을 원해

이 URL을 브라우저에 입력하고 이동하여 테스트 할 수 있습니다 그것은 당신에게 약간의 결과를 줄 것이다 점심 먹을 것만으로도 충분합니다 이 추한 형식입니다 더 나은 형식으로 페이지에 인쇄하고 싶습니다

그래서 URL은 정확합니다 이제 함수를 작성해야합니다 요청이 성공하면 콜백합니다 이 함수는 실제로 인수를 취합니다 그것은 데이터가 될 것입니다

데이터는 GET 요청이 완료된 후 GET 요청으로부터 되돌아 오는 것입니다 우리는 중괄호를 할 수 있습니다 여기서 우리는 익명의 함수를 작성한다 정보를 다시 얻을 때 해당 데이터를 사용하여 실행됩니다 그래서 우리가이 URL을 타이핑했을 때, 이것이 데이터의 모습입니다

이 거대한 문자열이 될 것입니다 그러나 좋은 점은 JavaScript가 JSONparse 함수를 사용하여 구문 분석 할 수 있다는 것입니다 이제 구문 분석 데이터라는 새로운 변수를 만듭니다 파싱 ​​데이터는 객체의 배열입니다

각 객체에는 – 잘 보겠습니다 그것은 날짜, 식사, 카테고리, 요리법,이 모든 다른 것들을 가지고 있습니다 이제 각각의 이름을 인쇄 해 봅시다 우리가 그것으로부터 돌아 오는 모든 종류의 것들에 대해 반복 해 봅시다 그리고 각각을 인쇄하십시오 – 각각의 이름을 인쇄하십시오

이것은 for 루프입니다 자바 스크립트는 배열에 변수와 루프를 만들 수있는 유용한 문법을 ​​가지고 있습니다 var i는 단지 반복자이므로 var i = 0을 수행하는 대신, 나는 길이보다 작았 어 ++, 파싱 된 데이터에서 var i 만 할 수 있습니다 이 예에서 파싱 된 데이터 (i)는 현재 요소 배열의 실제 객체 그리고 우리는 그것에서 이름을 얻고 싶습니다

그럼 그냥 이름을 지으겠습니다 마지막으로 jQuery를 다시 사용하게됩니다 실제로 div에 추가합니다이 식사 정보 div는 현재 비어 있습니다 그래서 그것을 선택합시다

jQuery를 사용하여 식사 정보 div ID 또는 식사 정보 ID를 선택합니다 죄송합니다 우리는 이것을 덧붙이고 싶습니다 예를 들어, 우리가 테스트를했다면 매번 덮어 쓰게 될 것입니다 그래서 우리는 이것을 덧붙일 수 있습니다

배열의 현재 요소에서 이름을 가져옵니다 우리는 식사 정보 ID div의 끝에 추가 할 것입니다 그리고 그것을 더 깨끗하게 보이게하기 위해서, 줄 바꿈을 추가하여 한 줄에 모두 나타나지 않도록하십시오 그래서 모든 것이 잘된다면 그것은 좋을 것입니다 – 우선이 버튼을 클릭 할 때마다, 이 URL에 GET 요청을 보냅니다 데이터가 다시 돌아 오면 파싱됩니다

그것을 JSON으로 바꾸고, 그 데이터를 나타내는 전체 배열을 반복하고, 이름과 줄 바꿈을 추가하십시오 이전에 비어 있던 식사 정보 ID의 모든 행에 다시이 페이지로 돌아가서 새로 고침하겠습니다 클릭하고 알아보십시오 작동하지 않습니다 운이 없었어

그리고 이것이 디버깅이 시작되는 곳입니다 Indexhtml, line 1 그 흥미 롭군요 좋아, 이거하는 데 시간을 보내는 것보다, 그냥 갈거야

완성 된 버전 인 완성 된 파일을 가져 오십시오 나는 그 차이가 무엇인지 모르겠다 그러나 우리는 대신 이것을 열어 볼 수있다 그리고 우리는 AJAX에 가면 제대로 작동 할 것입니다 오늘 점심 도시락이었는데, 특별한 순서없이 주위에 따옴표가 붙어 있기 때문에 가장 좋지 않습니다

그러나 분명히, 최종 프로젝트를 위해이 작업을 수행했다면, 당신은 그것을 더 좋아 보이게 만들 것입니다 그러나 이것은 GET 요청을 수행하는 방법에 대한 간단한 예제 일뿐입니다 실제 코드를 보면 추측 할 수 있습니다 여전히 거의 동일합니다 오, 나는 그것을 문자열로 변환하는 것을 잊었다

바로 그 것이다 아니, 아직 작동하지 않습니다 그럼에도 불구하고 여기 실제 완성 된 코드가 있습니다 이것이 어떻게 생겼는지, 그리고 방금 구현 한 것과 같은 일을합니다 버튼을 클릭하면 GET JSON을 사용하여 데이터를 자동으로 구문 분석합니다

데이터를 다시 가져 와서 전체 배열을 반복합니다 오늘 점심 먹으러 뭐든간에, 그 이름, 각 줄 다음에 줄 바꿈을 추가합니다 GET 함수를 사용하는 방법입니다 당신은 또한 시간이 없었던 POST를 사용할 수 있습니다 그것을위한 예제를 작성하지만, 우리는 문서를 볼 수 있습니다

jquerypost를 보면, 거의 동일한 것임을 알 수 있습니다 매개 변수를 전달하는 대신 URL이 있습니다 그것들을 URL 자체의 문자열에 넣으면됩니다 이 데이터 변수를 전달해야합니다

기본적으로 매개 변수를 값에 매핑하는 사전입니다 그걸 전달하면 POST를 사용하여 전송합니다 그리고 일단 그렇게하면, 성공 함수를 가질 수 있습니다 데이터가 다시 돌아올 때 실행되는 그렇지 않으면 정확히 동일합니다 그래서 POST를 사용하면, 예를 들어, 입력 양식이있는 경우 POST를 사용할 수 있습니다

당신은 사람들이 그것들에 암호를 입력하게하고, 그 암호를 끕니다 백엔드 스크립트에 해당 사용자가 유효한지 여부를 데이터베이스에 체크 인합니다 페이지를 새로 고치지 않고 jQuery를 사용하여 모든 작업을 수행 할 수 있습니다 그것이 내가 전에 보여준 블로그에서 구현 한 방법입니다 우리가 최종 포털로 가서 로그 아웃하면 로그 아웃하고, 로그 아웃이 작동하지 않습니다

새 창에서 열어 보겠습니다 여기에 암호가 있습니다 무작위로 입력 할 것입니다 작동하지 않지만 우리가하지 않았 음을 알 수 있습니다 실제로 페이지를 새로 고침해야합니다

코드를보고 싶다면, 모두 여기에 있습니다 그래서 제가 작년에 쓴 코드가 언젠가는 여기에서 볼 수 있듯이 POST 요청을 보내고 있습니다 백 엔드에 loginphp라는 파일이 있는데, 암호가 유효한지 검사합니다

패스하는 매개 변수는 다음에 매핑 된 비밀번호입니다 현재이 입력 상자에있는 입력입니다 데이터가 돌아 오면 확인합니다 데이터가 거짓이면 암호가 틀리다고 말하고 슬라이드 다운합니다 그 후에 그것을 사라지게하십시오

그렇지 않으면 관리자 페이지를로드합니다 그리고 이것은 모두 JSON을 사용하여 완료되었습니다 이 많은 코드 라인에서 데이터를 백 엔드에 전달할 수 있습니다 그것이 올바른지 여부, 올바르게 로그인했는지 여부, 그 사람에게 실제로 응답하여 그 사람을 올바른 페이지로 리디렉션합니다 또는 로그인하지 못하게하고 잘못된 비밀번호가 있다고 알려줍니다

이것이 jQuery POST를 사용하는 방법의 예입니다 백 엔드에 POST 요청을 보내려면 누군가가 올바르게 로그인했는지 확인합니다 좋습니다, 그래서 제가 가지고있는 모든 예와 내가 다루고 싶은 모든 것들입니다 그것들은 jQuery가 여러분에게 할 수있는 주요한 것들입니다 : 요소를 선택하고, DOM 조작을 사용하여 요소를 수정하고, 효과를 추가하거나, 특정 이벤트에 대해 사물을 활성화하거나, 또한 AJAX 요청을 매우 원활하고 쉽게 처리 할 수 ​​있습니다 와 주셔서 감사합니다

궁금한 점이 있으면 알려주세요 네? [Student] 위로 돌아 왔을 때 POST 요청 후 JSON을 따옴표로 묶었습니다 그게 무슨 일인지 궁금 해서요 >> 그래, 알 겠어 질문은, 방금 설명한 예에서, JSON이라는 단어가 주위에 따옴표 안에 있습니다

POST 함수를 중심으로 다시 올려 보겠습니다 나는 그걸 보여 주기만하고있다 여기에 POST 요청이 있습니다이 JSON이 따옴표로 묶여 있습니다 그것은 단지 우리가 산출물을 기대하는 것을 정의합니다

따라서 예상되는 데이터 유형으로 JSON을 전달할 경우, 요구 사항은 아니지만 우리가 그것을 통과한다면, 데이터는 자동으로 JSON으로 구문 분석됩니다 따라서 JSON 구문 분석 함수를 호출 할 필요가 없습니다 그것은 자동적으로 일어날 것입니다 POST에 대한 설명서를 살펴보면, 이 데이터 유형 변수는 서버에서 예상되는 데이터 유형입니다 지능적인 추측은 잘못 될 수 있습니다

그래서 당신은 그것을 공백으로 남겨 둘 수 있습니다, 그러나 이것은 단지 데이터 유형입니다 JSON, XML 또는 다른 어떤 것이 든간에, 사용중인 코딩에서 다른 질문? 괜찮아 다른 질문이 있으시면 언제든지 이메일을 보내주십시오 vshekhawat@collegeharvard

edu에서, 그리고 슬라이드와 코드는 온라인에서 곧 사용할 수 있어야합니다 최종 프로젝트에 대해 행운을 빈다 jQuery를 사용하기를 희망한다 [CS50TV]

Electron Tutorial – Fix jQuery is not defined

Red Stapler에 오신 것을 환영합니다 이전에 튜토리얼 변환 방법을 보여 줬어

전자 응용 프로그램으로 데스크톱 응용 프로그램에 웹 페이지 그러나 만약 당신이 jQuery로 프로젝트 작업하기 jQuery를 올바르게로드하는 방법에 몇 가지 문제점이 있습니다 이 문제를 해결하는 방법을 보여 드리겠습니다 이 비디오의 문제 차가운 페이지의 내 예가 여기 있습니다

jQuery 메뉴와 나는 그것을 포함하고 싶다 내 응용 프로그램이므로 웹 페이지를 복사 해 보겠습니다 그리고 필요한 모든 자바 스크립트 파일을 전자 디렉토리 나는 시작할거야 신청 이제 무언가가 망가 졌음을 알 수 있습니다

나는 그것을 클릭하려고하지만 아무 일도 일어나지 않았다 그래서 내가 너에게가는 ​​다음 일은 보고 싶은 개발자 콘솔을 여는 중입니다 뭐가 문제 야 jQuery가 정의되지 않았 음을 알 수 있습니다 jQuery가 제대로로드되지 않는 이유는 jQuery는 commonJS 환경에서 작동합니다 또는 단순히 jQuery라고 말할 수 있습니다

웹에서 작동하지 않는다는 것을 알고있다 브라우저 – 우리가 있기 때문에 정확합니다 Nodejs 응용 프로그램에서 실행 중입니다 문제는 jQuery 자체가로드 될 때이다

이 모드에서는 자체 모듈을 모듈로로드하므로 사용할 수 없습니다 전 세계적으로 접근하려고 할 때 with 브라우저 윈도우에서는 그렇지 않습니다

유효한 해결 방법은 아주 쉽습니다 jQuery 모듈을 수동으로로드해야한다 그래서 저는 jQuery 스크립트 태그를 대체 할 것입니다 요구 사항으로 바꾸십시오 그게 다야! 이제 앱을 다시 시작해 보겠습니다

글쎄, 언제나처럼보고 주셔서 감사합니다 다른 재미있는 것을 잊지 마라 우리 채널의 비디오 다른하실 말씀 있나요 의견, 저에게 알려주십시오 안녕!

ASP.NET MVC #1 : Getting Started | FoxLearn

FoxLearn에 오신 것을 환영합니다 오늘 우리는 ASP

NET MVC 프로젝트를 만드는 방법을 배웁니다 MVC 프로젝트를 선택하고 OK 버튼을 클릭해야합니다 ASPNET MVC는 Microsoft의 오픈 소스 소프트웨어입니다 웹 개발 프레임 워크는 Model-View-Controller 아키텍처의 기능을 결합합니다

Agile 개발의 가장 최신 아이디어와 기술 및 기존 ASPNET 플랫폼의 가장 중요한 부분 ASPNET MVC 템플릿 자동 생성 홈 및 계정 컨트롤러를 볼 수 있습니다 RouteConfig 클래스에서 시작 페이지를 설정할 수 있습니다 라우팅은 HTTP 요청을 컨트롤러로 보내는 프로세스입니다

BundleConfig 클래스에 CSS와 Javascript를 포함 할 수 있습니다 컨트롤러는 근본적으로 ASPNET MVC 애플리케이션의 핵심 유닛입니다 수신받는 HTTP 요청과 상호 작용하는 첫 번째 수신자입니다 따라서 컨트롤러는 어떤 모델이 선택 될지를 결정한 다음 모델에서 데이터를 가져와 해당 뷰가 렌더링 된 후 해당 모델을 해당 뷰로 전달합니다 실제로 컨트롤러는 입력을 받아 적절한 출력을 렌더링하는 응용 프로그램의 전체 흐름을 제어합니다

액션 메소드는 요청을 실행하고 그에 대한 응답을 생성합니다 기본적으로 ActionResult 형식으로 응답을 생성합니다 모델은 데이터 및 비즈니스 논리로 작업 할 클래스 모음입니다 데이터베이스와 상호 작용하는 데 사용됩니다 또한 비즈니스 논리를 구현하기 위해 데이터를 조작하는 데 사용될 수도 있습니다 ASP

NET MVC 응용 프로그램에서는 페이지와 같은 것이 없으며 URL에 경로를 지정할 때 페이지에 직접 해당하는 내용은 포함되어 있지 않습니다 ASPNET MVC 응용 프로그램에서 페이지에 가장 가까운 것을 뷰라고합니다 이제 테스트 컨트롤러를 만든 다음 메뉴에 작업을 추가 할 수 있습니다 제목 페이지 또는 헤더를 변경할 수 있습니다

이 비디오를 시청 해 주셔서 감사합니다

C# ASP.Net Core MVC Web Application with JQUERY and AJAX!

내 채널을 https://wwwyoutube

com/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://www

youtubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다

내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://wwwyoutube

com/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 Linux Mac, 무엇이든지 당신과 똑같이 원활하게 작동합니다 Windows 또는 Microsoft 환경과 둘째 aspnet Co는 훨씬 빠릅니다 성과와 현명한 마이크로 소프트는 그것이 정상보다 약 10 배 빠르다고 주장한다

표준 dotnet 프레임 워크 그래서 당신은 많은 사람들이 개선 속도의 목소리를내는 것을 의미합니다 괜찮아? 이제이 비디오에서 특별히 MVC에서 어떤 작업을 수행하는 방법을 보여 드리겠습니다 그리고 그것은 다른 MVC에서 다음 다른 aspx에서 조금 다릅니다 웹 양식

그래서 예를 들면 우리는 우리가 좀 더 진보 된 기능을 원한다는 것을 알고있다 프론트 엔드에서 페이지에 실제로 예를 들어 당신이 숨기고 특정 공유하고 싶은 말 섹션을 기반으로 사용자가 만들고 양식의 다른 섹션을 채우려는 드롭 다운 선택 당신은 더 많은 대화 형 및 사용자 친화적 인 있도록 aspx 양식에서 정상적으로 만들고 싶어, 당신은 이벤트 기반 코딩을하면 특정 이벤트가 발생했을 것입니다 앞과 페이지에서부터 알 수 있듯이 서버 측 코드 숨김에서 이벤트를 트리거합니다 그래서 MVC에서는 이런 방식으로 익숙하지 않으면 약간 더 어려워집니다 당신은 클라이언트 쪽에서 어떤 것을 써야 할 것입니다

jQuery 또는 Java 스크립팅 클라이언트 측에서도 동일한 효과를 얻으 려하므로 많은 것을 작성하지 않을 것입니다 양식에서 실행되는 이벤트를 처리하기위한 c-sharp 코드의 백엔드 코드 구체적으로 jQuery와 ajax가 될 것입니다 그래서 우리가 MVC에서 제공하는 방식에 세심한주의를 기울이고 그래, 내가 어떻게 보여줄지 좋습니다 근본적으로 이것은 오늘의 예 그래서 MVC보다 웹 웹 어플리케이션이 있습니다

기본적으로 언제입니까? 새 레코드를 새로 만듭니다 이 녀석의 직원 새 직원을 만들고 싶습니다 그러면 우리는 상호 작용하는 것을 볼 수 있습니다 여기에있는 요소들을 화면에 이 예에서 우리에게는해야 할 관리자가 있습니다

직원을 관리자 또는 관리자에게 지정하고 드롭 다운 목록을 클릭하면 몇 가지 선택 사항이 여기에 있으며이 직원이 어떤 관리자를 위해 일할 지 선택할 수 있습니다 예를 들면 내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnAlection으로 이동했습니다 내 채널을 https://www

youtubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다

내 채널을 https://wwwyoutubecom/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 내 채널을 https://wwwyoutube

com/channel/UCmpsYkzcsY9lcdTm9751VnA로 이동했습니다 텍스트 연도를 저 매니저를위한 부서에 좋아요 직원 유형 및 계약서 또는 영구 선택을 기반으로 계약자를 선택한 다음이 양식에 다른 섹션을 표시합니다 그리고 당신은 계약 회사를 가질 것입니다

회사 이름을 기입 할 수있어, 알았지? 그래서 당신이 다시 무대 뒤의 그림으로 영원한 것을 선택한다면, 이것은 좀 더 사용자 친화적 인 것입니다 풍부한 GUI 인터페이스 우리는 여기에서 만들고 싶다 너에게 조금 더 적응성 공유 숨기기 특정 섹션을 숨기고 이것은 당신이 달성하고자하는 것입니다 괜찮아

그럼 어떻게 할거 니? 그래서 여기에 가까운 브라우저입니다 먼저 응용 프로그램과 첫 번째 작업을 중지하십시오 데이터베이스를 생성하고 데이터베이스를 생성 한 다음 테이블을 추가하고 싶습니다 그래서 우리는 기본적으로 데이터베이스에 3 개의 테이블을 갖게 될 것입니다 첫 번째는 관리자가 될 것입니다

그래서이 테이블을 생성하는 스크립트를 가지고 있고 우리는 그것을 manager라고 부르며 관리자 ID 컬럼 그리고 데이터 유형은 정수이며, ID는 Todd입니다 사양은 기본 키이고 하나에서 증가 할 것을 의미합니다 자동으로 그들로부터 증분하고 어떤 것도 알 수 없으므로 의무적이다 우리는 이름이있는 열 시계를 멈추거나 최대 길이를 알려주세요 좋아, 우리는 이름과 추방을 잃었다

얻는 기본 키 제약 PK와 학교 관리자는 기본적으로 테이블이 있어야합니다 진행 키 및이 경우 해당 관리자 ID 및 첫 번째 embossment 부서가 있습니다 좋아, 좋아 그래서 이것 하나 더하기 그런 다음 직원 테이블을 보유하여 직원에게 이름을 부여 할 수 있습니다 직원 ID입니다

정수 필드 모든 값에서 허용하지 않는 값에서 증가합니다 좋습니다 또한 기본 키 제약 조건이기도합니다 이름이 성입니까? 도시 관리자 ID 어느 것이 당연히 관리자는이 직원이 여기에 외래 키 인 관리자 ID가 있음을보고합니다

우리의 관리자 테이블과 직원 유형 항목이 있습니다 연결하는 또 다른 외국인이다 우리가 여기서 울 필요가있는 세 번째 테이블 그 환경을 보여 드리겠습니다 계약 회사가 있습니다 이 경우 종업원은 계약자입니다

나는 또한 계약 회사가 제공하는 그래서 우리는 높이의 동의 할 수있는 세 번째 유형이 있습니다 과 학교 직원 유형 직원 유형 ID의 기본 키가 있습니다 직원 유형 설명 필드 및 3 개의 테이블이 있다고합시다 그때 그러니 공인 된 직원 유형 제목으로 이동하십시오 그리고 편집하다 부유 한 마약 그리고 당신은 내 이름을 얻는다 데이트하는 사람들은 재미있는 테이블 Rosie에게 영원한 계약자가되기 위해 여기에 두 가지 값만 있으면됩니다

그것들은 여기서 두명의 경영진 이죠 직원 테이블로 이동하여 더미 데이터를 추가하십시오 그래, 몇 가지를 더해라 사실, 당신은 관리자 테이블 먼저 관리자가 필요합니다 관리자 ID 좋은 1 학년 몇 명을 여기에 추가하십시오

이 분야의 관리자로서 회사 부서에 들어갔지 만, 우리는 IT 부서의 소매업을 가지고 있으며 그 회사를 파는 사람들은 직원을 만들고 비어있는 것을 클릭 할 수 있습니다 적당한 관리자 ID, 알았습니다 직원 유형 또한 직원 유형 ID를 추가 할 수 있습니다 괜찮아 그들 중 일부 아니면 괜찮아요 이렇게하면 테이블에 데이터가 생깁니다

좋아, 다음에 우리가 간다 너는 비주얼 스튜디오와 우리는 이 경우에는 핵심 dotnet 코어 웹 응용 프로그램 인 HB dotnet core 및 just 다시 한번 스피드 업 그물 코어 a 중대한 성과 증가하다 표준 dotnet 프레임 워크보다 빠르게 수행합니다 또한 비용 플랫폼과 호환되므로 Windows Linux Mac에서 실행할 수 있습니다 우리는 운영 체제를 가지고 있지만 Microsoft Windows가 아니어야합니다 예 뮤직 비디오 영역을 수행 할 때까지 기다립니다

2017 최신 Microsoft Visual Studio 및 파일 메뉴로 이동할 수 없습니다 그것은 새로운 프로젝트이고 새 프로젝트 대화 상자에서 여기 올라와 그래, 당신은 스피드 또는 웹 애플 리케이션 대신 dotnet 프레임 워크를 선택하실 수 있습니다, 나는 갈거야 그리고 당신은 그 이름을 할 수 있습니다 jQuery와 Ajax가있을 것입니다

그냥 그 이름에 추가 예, 좋아요, 그냥 비디오를 재미있게 보내주세요 이 임무를 창조하십시오 그래, 네가 꼭 필요한 점을 핥았는지 확인해 그리고 당신은 웹 애플리케이션 모델보기 컨트롤러 불분명 한 만약 너라면 이 예에서 당신은 유행에있어서의 최하위 개통의 해 동안 떠날 수는 없습니까? 괜찮아 쓸 시간이 조금 걸릴거야 다시보기 솔루션 탐색기를 클릭하십시오 기본적으로로드 시간을 절약하기 위해 솔루션 탐색기 창을 다음과 같이 공유하지 않기 때문에 이전 버전의 오스 티아 그리고 당신은 models 폴더로 갈거야

실제로 모델을 추가 할 것인지 원래 우리는 우리가 가진 각 테이블에 대한 클래스를 생성 할 것입니다 우리 데이터베이스에 먼저 매니저를 하나 만들 계획입니까? 근본적으로 관리자가 될 것입니다 직원 및 직원 유형 그래서 관리자는 관심사와 똑같은 문제를 갖게 될 것입니다 그래서 그것은 10 가지 속성입니다 데이터베이스의 열로 우리는 가지고있다

범위 ID 성 이름 부서 다른 하나를 추가해야합니다 절과 이걸 당겨 종업원 과 우리는 직원 ID 개인 오스틴시 관리자 ID 직원 유형 ID 및 계약 회사가 있습니다 좋아요, 그리고 마지막으로 작은 키가 종업원 유형 보스입니다 좋아요

조회 유형, 당신이 가질 건가요? 데이터베이스의 테이블과 같은 두 가지 속성 유형 IDF e4 e5 설명 포함 좋아, 그럼 우리는 갈 수있어 컨트롤러의 아버지를 클릭하면 그냥 염소 야 그래서 당신은 추가하지 않을 것입니다 예, 우리는 새로운 발판을 추가 할 수 있습니다 엔티티 프레임 워크를 사용하여 뷰가있는 MVC 컨트롤러를 선택하게됩니다

더하다 이렇게하면 데이터 컨텍스트가 생성되고 이것은 데이터베이스에 연결하는 추상화 계층입니다 그래서 우리는 당신을 선택합니다 좋아요, 우리는이 모델로 시작할 모델 30 대를 선택합니다 데이터 컨텍스트 손실을위한 더하기 더하기 여기를 클릭하면 하나를 만들 수 있습니다 출시 된 컨텍스트 추가 및 추가 버튼 그리고 이것은 몇몇 비계를 할 것입니다

기본적으로 배경을 만들려고합니다 에이 당신의 서버 측 코드 인 컨트롤러는 그것에 대한 겉옷을 보게됩니다 그냥보기를 만들 것입니다 너의 웹 사이트의 페이지 우리는 귀하의 웹 응용 프로그램에서 유모차 업그레이드 및보기 페이지 개선 그러나 당신이 모든 것을 할 수있는 비계 좋아, 바로 여기에 우리를위한 여행이라는 직원이 생겼다

올해 컨트롤러 폴더에이 컨트롤러가 추가되었습니다 호주는 용기를 많이 얻습니다 우리를 위해 생성 된대로 생성됩니다 직원의 상황을 파악하고 있으며 마우스 오른쪽 버튼을 클릭하고 말하거나 f12하면 여자가 실제로 만들어지는 것을 볼 수 있습니다 나는 파리 공격 dbcontext 손실 어느 데이터베이스에 연결되어 있으며 귀하의 ABB 상태가 귀하의 조약돌에 해당한다고하셨습니다 장치, 알았어

우리는 일년에 아무 것도 없습니다 수동으로 추가 할 수 있습니다 다른 사람들은 너만 할 수있어 여기에 복사하십시오 방금 사본을 만들었습니다

기르다 관리자 괜찮습니다이 모델은 직원 관리자와 직원 유형을 신용 한 모델을 모델링합니다 과 다음 중 하나를 작성하십시오 중요 유형 좋아, 거기에 세 개의 TV 세트와 테이블이있다 그런 다음 솔루션 설정에서 JSON 파일을 솔루션 설정으로 이동해야합니다

전화 걸기를 클릭하면 기본적으로 이거 편집해라 여기에 문자열 (데이터베이스와의 연결) 연결 문자열 기본 및 서버 이름을 말해야합니다 속편 서버 인증을 사용하는 경우 데이터베이스 사용자 이름 및 암호 이름 사용자 ID 및 암호 값을 입력하거나 혼합 된 경우 인증 유니버스 기사를 기본적으로 입력 할 수 있습니다 통합 보안 동등합니다 좋아요, 그러면 Windows 로그온이 완료되며 서버 이름 데이터베이스 이름 및 통합 보안이 true 인 경우 데이터베이스에 연결하십시오

또는 사용자 ID와 암호를 입력해야합니까? 괜찮아 일단 그것이 끝나면 우리는 우리 안에 들어갈 수 있습니다 직원 컨트롤러 및 이제 우리는 여기에 몇 가지 코드를 추가 할 것입니다 우리의 철사 페이지에서 진행중 이 응용 프로그램이 무엇을 할 수 있는지 보여 주었기 때문에 필요한 드롭 다운 상자 그래서 우리는 아래로 스크롤하러 가고 우리는 싫어합니다 여기 섹션 이것은 우리가 만드는 것을 말합니다

당신은 이것이 자동적으로 생성되었다는 것을주의 깊게 본다 시간대에 새로운 세부 정보를 작성하면 3 개의 여름에 오늘 물론 테이블의 모든 데이터를 청구합니다 그래서 그것을 생성하기 위해, 당신은 아무것도 바꿀 필요가 없습니다 하지만 당신은 드롭 다운 목록 및 하드 섹션을 공유하거나 모든 직원의 첫 번째 컨트롤러를 준수 컨트롤러가 공개 조치 결과로 이동하여이 스커트가 터집니다 작성보기를 클릭하면 좋아, 첫 번째 첫 번째 첫 번째 얻는 농담 새로 생성 된 레코드의 크기를 데이터베이스에 지정합니다

따라서 오른쪽에 카드를 추가하면됩니다 가장자리는 얻는다 코트 방을 잡을거야 Boyde의 샘플 애플리케이션 당신이 울었을 때 공인받은 코치를 따라갈 수 있습니다 오래 소유하고 있습니다 그 매니저 ID를 가지고 있다면 k는 앞에서 슬릭리스트 사용과 동일합니다

데이터베이스 컨텍스트 닫기 그 물건은 테네시에 나타난다 매니저 매니저 나는 매니저와 이야기 할 것이다 그만큼 여기 매개 변수에는 더 나은 가치 분야와 데이터는 가치를 당신에게 가져 가게합니다 드롭 다운 목록에서 우리가 설명한 ID 필드를 생각 나게합니다

우리는 이름을 잃었다 그들은 잃어버린 사람을 보낼 생각을 설명하지 않습니다 우리는 당신이 입력 한 VBAC에 점이 있음을 알았습니다 그럼이 큰 목록 이것은 종업원 유형 ID에 대한 종업원의 토핑 권리이며 직원 유형 설명 절망 네 안녕, 딩? 들어가다 실제보기로 한쪽 솔루션 탐색기에 들어가기 두 번 창의적으로 계속 솔루션을 볼 수 있습니다 아직 코드를 수정하십시오

나는 내 영역에서 그것을 집어 들일거야 닥터 커튼을 통해 여아를 열거하십시오 내가하는 일을 설명해 드리겠습니다 그게 다야

너는 할 수있다 양식 각 항목을 검색하고 찾습니다 알겠습니다 이제 우리는 장소를 절약하고 싶지 않습니다 나는 드롭 다운리스트를 원한다

선택할 수있는 많은 맥주가 들어 있습니다 똑같은 일을 맡아서 너에게 말할거야 그들을 드롭 다운 목록에서 집어 넣으십시오 네 신원을 기억할거야, 알았어 Eclipse는 알고있다

우리는 매개 변수와 보고서가 좋은 점도 알고 있습니다 인용 부호 이것이 기본 조명이 될 것입니다 의사가 이것에 관해서는 매끈 매끈해질 것입니다 색인 생성 된 인도 과 애트리뷰트가 없으며, 지금 우리가 가지고있는 CSS 클래스를 할당한다 이걸 제어하지 마라

탑 다운리스트를위한 타이밍을 연장하면된다 알았어, 네가 신분증을 갖고 있다고 해 고마워요 빅 오늘이나 최고 의사의 기본값 부서도 갖게 될거야 중요하고 종업원 유형이며 또한 계약 회사를 원함 그래서 우리는 당신이 무엇을 가지고 있습니까? 그래, PI PI D를 포함해서 여기에 앉아있어 계약 회사는 치마를 입는다

너와 함께 그래 괜찮아 레이블에 레이블을 지정하고 여기에 입력 형식으로 바꿀 것입니다 텍스트 및 그런 다음 그것을 이상으로 제시합니다 Ext 부서, 이것은 중요합니다 따라서 자바 스크립트로 jQuery를 참조하면이 요소가 Department를 만듭니다

읽기 전용으로 만드십시오 사용하고 싶지 않기 때문에 바래요 부서에서 기대하는 것을 관리하는 데 기반을두고 채우기를 원할 때가 많습니까? 관리자가 흔들린다 모든 관리자는 카톨릭 회원입니다 그리고 당신과 애스펙트 매니저는 사이트에 보관되어 부서를 채 웁니다

상자 그래서 입력 텍스트가 필요합니다 아래로 스크롤하여 유형을 개선했으면 드롭 다운 목록의 또 다른 가장자리가 있습니다 뒤로 파이프 파이프를 포함한 인용문 그게 아주 중요해 지금이 직원은 소방뿐만 아니라 매니저 항목

열혈은 당신이 방금 진행 한 것에 반하는 직원들은 여전히 ​​돌아오고 있습니다 당신은 관리자 인 IBM이 장티푸스 원자로를 타고 목록을 작성하도록했습니다 그래서에 대응해야합니다 오늘이 드롭 다운의 이름 괜찮아 그래서 계 피를 페이지의 드롭 다운 목록으로 가져 오는 것입니다 좋아, 너보다 조금 더 스크롤을한다고 생각해

그냥 모든 코드를 볼 수 있습니다 그리고 나서 당신은 그래, 나는 diff를 만든다 차이 멕시코의 신분증은 이 jQuery JavaScript에서 중요한 오프 – 컨택 회사 좋습니다 그리고이 모델을 처음으로 접한 계약 회사에 대한 HTML 북 편집기가 있습니다 직원 모델 모델 닫기 그래서 그것은 계약 회사입니다,하지만이 IT 프로젝트 회사 13 오른쪽 선생님 그 코트를 가져와이 카드를 가지고 갈거야

조명이 켜져있는 스크립트를 봐야한다는 것을 알기 때문에 우선 그럼이 견해에서 문질러 줘야 해 C의 등급은 hl2입니다 허구의 대본을 봅니다 그리고이 레코드 바로 안쪽에 있어요 업그레이드하지 않았지만이를 복사하십시오

그 전에 실제로 태그를 열고이 스크립트 세금의 내부로 되돌려 보내십시오 자바 스크립트 그래서 우리는 당신의 배너를 가지고 있습니다 그리고 당신은 달러 기호를 사용해야 할 것입니다 아마 우리는 ferritin이 좋은 날씨입니다 이 대화에서 준비 기능하에 클라이언트 또는 브라우저에 관한 정보

그것은 신용을 운반 할 것입니다, 그렇죠? 좋아요 높은 계약 회사 기능을 만들거야, 알았어 귀하의 기능을 바로 캠퍼스에 문의하십시오 좋아요, 해시가 있고 단계가 있습니다 계약 회사 5 계약 좋아, 네가 찾을 수있어,이게 이상적인 가치 야

계약과 후추 내가 당신이 이것을 참조 할 수없는 것은 그것을 공유하고 당신이 그것을 볼 수있는 것처럼 숨길 수 있습니다 그렇다면 무엇이 계약 회사가 처음 5 개를 점 찍어서 숨기려고합니다 그걸 보여주고 싶지 않아 그 부분에 우리가 양식 승리 파견 좋아

이름으로 녹음 된 파일이 더 높은 계약 회사를 가졌습니다 오픈 오븐 백 자체 좋아요 실제로 양식의 해당 섹션을 숨기려면 다른 함수가 있어야합니다 그것의 주식 계약 회사 공기를 당겨 라 그것은 단지 그것을 공유 할 것입니다

좋아요, 그래서 우리는 그 함수를 호출 할 것입니다 좋아, 그럼 다음 하나 함수 따옴표 중요하게여십시오 아냐, 아약스 야 비동기 방식 이 폴더에서 컨트롤러를 쇼핑하기 위해 서버 측의 서버 측에서 코드를 실행합니다 좋아, 기본적으로이 코드를 복사 할 수 있습니다

비디오를 일시 중지하고 타이핑하면 Ajax의 모든 기능에있어 꽤 표준입니다 그래서이 모든 함수는 코드의 다른 위치에서 호출 할 수 있도록 중요하게 작동합니다 그래서 우리가 게시하고 있기 때문에 우리는 먼저 다섯이어야합니다 플래시 직원 급여 지불을 삭감 지금 부서 직원을 깜박이 직원은 컨트롤러의 이름을 말합니다 당신은 자신의 방식으로 각각 증가 컨트롤러를 가지고 있습니다 그래서 기본적으로 일어날 일은이 코드가 코드 컨트롤러를 실행하는 것입니다

이제 컨트롤러와 직원이 그것을 고안해야합니다 나는 성적인 물건이 중요하게되는 것을 의미한다 이것이 이름이다 그 무한 기능 Malcolm LLC 짧은 기능 코드를 실행하는 좋은 방법입니다 델타 이것은 매개 변수 또는 그 함수에 전달해야하는 인수를보고합니다

그것을 해시 태그 관리자 ID 대나무 의사 배를 강제로 우리는 메뉴 항목 탱크에서 그 값을 강제로 제거 할 것입니다 신분증 관리 이 하나도 없다 내 정원에 그냥 놓아두면 ID를 관리하는 관리자가이 드롭 다운 목록에서 다양성을 나타냅니다 좋아, 보낼거야 ID가 방출 될 때 값으로 표시 아이디, 아기를 찾아라

좋아요, 경주는 모두 표준 콘텐츠 웹입니다 JSON 응용 프로그램은 광학 위치 정보와 함께 싱크대에 상관없이 작업을 수행합니다 그것은 다시받을거야 제이슨 제이슨 오브젝트 deserialize 할 필요가있는 함수입니다 JSON 값을 적용한다

지금 이것은 말하기와 다르다 그래서 fanwork 얼굴을 만들지 마라 속도를 높이는 것이 핵심입니다 HP 정부의 힘이 있습니다 신청

좋아 그래서 Jason을 더 잘 봐야 해 그 기능을합니까? 그래서 학교 일 경우 결과를 얻었고 만든 입력 하지만 네 Txt 부서 배로이 큰 상자를 움직일거야 그 기능에서 돌아오고 있습니다

더 나아질거야 이 JSON 변수에이 결과가 돌아 오면 그 값을 말하십시오 저주해라 만약이 파일이 실패하면이 파일을 동의어로 받아 들일거야 여기에서 균형을 잡으십시오

그리고 그것은 txt 부서에 그것을 채 웁니다 그럼 당신은 고맙습니다 좋아, 들어 봐 당신이 말할 수있는 미국을 아십니까? 분명히 그들은 당신에게 가겠어요 이 싸움에서 당신이 가질 스크립트를 적어 놓을 것입니다

여기에 또 다른 함수가 있는데, 이것은 테이블 changeling에서 발사 될 것입니다 이제 직원 유형 ID입니다 사용자가 드롭 다운 목록에서 직원 유형을 선택하는 경우입니다 괜찮아 따라서 직원 유형 드롭 다운의 값이 변경되면이 기능이 변경되어이 기능을 수행하게됩니다 이 코드를 실행하려고 할 때 도트 변경시 발생합니다

값이 2인지 확인합니다 계약 회사 텍스트 상자를 보여줄거야 그렇지 않으면 숨길거야 우리 직원이 내 데이터베이스에 대해 가치가 있는지 확인하고 있습니다 결혼식, 예 나에게 계약자 1 우리가 계약 회사를 공유하고자하는 계약자 그것이 아니라면 그렇지 않다면 – 장비를 포함한 계약이 아니라 숨기는 것입니다 좋아, 그럼 우리는 동료 해시 태그 관리자 항목이 변경되었습니다 관리자에 있습니다

당신이 사용하는 것이 다른 가치가된다면 나는 그것을 바꾼다 다시 돈을 쓸거야 인구를 중요하게 생각합니다 기능 공개 좋아요 좋아요

백화점처럼 그래서 우리는 이미 여기에 있습니다 잘하면 부서, 알았어, 그래서이 함수를 호출하는 것이 중요하게 만드는 호출거야 우리의 밀수품에있는 기능은 적절한 감지기이므로 직원 컨트롤러로가 봅시다 그리고 그들은 혐오에 동의 할거야 그 기능 그래서 거기에있다

비용 상승을 알기보다는 함수를 만들고 HTTP의 주석을 먼저 지정하십시오 이것이 처음에 일어난다는 것을 나타냅니다 행사 괜찮아 JSON 결과를 반환합니다

부서와 이것이 매우 중요합니다 우리가 핵심을 필요로하지 않는다면 이렇게해야합니다 정상적인 시대와 다른 점을 알 수 있습니다 더 많은 프레임 워크,하지만 당신은 핵심 프레임 워크가 필요하지 않습니다 그런 식으로 강요해야합니다

너에게 비디오를 주어야 해 좋아, 너는 그 위에 그 태그를 붙인 전화 본문을 사용해야 해 에서 데이터를 추출한다 그래, 그래, 그걸 만들어야 해 우리는 솔루션 탐색기로 가서 모델에 대해 싫어할 것입니다

그만큼 제품 견적 오케이, 맞아 그래서 지금 우리는 거기에있다 이제 그는 기능을 사용하여 뷰 데이터 전환을 사용할 것입니다 거의 스테이션과 같습니다 그리고 우리는 몇 주간을 쓸거야

그리고이 컨텍스트에서 컨텍스트의 학교 컨텍스트, 예 동시지만 그 맥락 따라서 관리자 ID는 다음과 같은 데이터입니다 세로 좌표 원은 특정 부서가 이에 대해 이야기한다고 말합니다 그게 기본적으로 내가 싸우기 시작한 특정 관리자가 기대하는 쿼리는 그 하나 또는 그 효과를 기대합니다 기본 또는 경계를 유지합니다 여기 모델이 없네요

모델 비전 탐색기 모델 흰색 오 좋아, 또는 적 강아지 강아지 좋아요, 그러면 부서 레벨이라고 말하면서 저는 새로운 인스턴스를 만들려고합니다 이 새로운 데이터를 우리가 회의에서 다시 얻는 것만 재미있게 할당하십시오 해당 부서를 할당 할 수 있습니다 부서 모델 지원 재산과 우리는 제이슨에게 돌아갈 것이라고 말 할거야 이 문제를 여기에 반납 해주십시오

좋아요 우리는 그것을 돌려 보낸다 여기와 사우나 TV에서 가치를 되찾아 야합니다 좋아요 어떻게 작동하는지 봅시다

클릭 그것을 해고 할 것입니다 그것도 당신의 브라우저 나는 오전 우리가 표현한대로 실행하고 있습니다 자동으로 함께 제공됩니다 좋아요, 그냥 우리의 연락처를 클릭하십시오

이것은 매우 위키입니다 종업원 지수 및 어디서나 홀 테이블 새 링크 만들기를 클릭하십시오 여기에 이름을 붙이고 있습니다 일부 더미 데이터 내에서 과 이제 드롭 다운에서 관리자를 선택하면 두 개의 드롭 다운 목록이 표시됩니다 그리고 사람들을 위해 이름이 같은 성을 가질 것이며 부서는 선택에 대한 장소를 바꿀 것입니다

받아 보자 계약자 및이 계약 회사가 텍스트 상자가 나타나거나 선택에 따라 사라집니다 괜찮아 그리고 그것은 매우 일년 내내 떨어져 있습니다 만들기 버튼을 클릭하고 우리를 위해 그 보고서를 만들었을거야 나는 리카이다

그리고 그것은 기본적으로 쉽습니다

Basic JQuery

안녕하세요, 기본 JQuery 튜토리얼에 오신 것을 환영합니다 여기서는 JQuery의 기본 개념과 그것을 사용하는 방법에 대해서도 논의 할 것입니다

먼저 jquery가 무엇인지 논의 할 것입니다 기본적으로 Jquery는 자바 스크립트 라이브러리입니다 이는 클라이언트 측 스크립팅을 간단하게 만듭니다 그것은 자바 스크립트로 작성되어 웹 페이지에 포함 된 단일 파일입니다 코딩이 간단하고 효율적이며 쉽습니다

가능한 경우에도 자바 스크립트로 코딩하는 방법을 알고 있다면 여전히 권장됩니다 javascript에 대한 지식없이 JQuery를 배울 수 있습니다 이것은 jquery가 작동하는 방식을 알고 있으며 여전히 네이티브 javascript 코드를 사용할 수 있습니다 당신 jquery에서 할 수없는 일을하려고하는 경우 jquery에서 jquery의 사용법에 관해서는, 문서 개체 모델 또는 DOM 도우미로 사용할 수 있습니다

또는 웹 페이지의 요소 그룹 이벤트 핸들러로 사용할 수도 있습니다 어느 귀하의 자바 스크립트 작업 및 이벤트를 구성하게 또한 아약스 요청에 대한 훌륭한 기능도 제공됩니다 몇 가지 특수 효과와 애니메이션을 수행하기 위해 jquery가 그 기능을 수행 할 수 있습니다 그것은 내장되어 있습니다 비록 당신이 더 많은 효과를 원한다면 사용할 수있는 기본 효과가 jquery가 많이 있습니다

인터넷의 플러그인을 다운로드 할 수 있습니다 마지막으로 jquery는 브라우저 유틸리티로도 사용할 수 있습니다 이제 jquery가 무엇인지 논의했습니다 이제 튜토리얼에 우리 손 먼저 Jquery를 설치합니다

웹 사이트, jquerycom을 클릭하고 큰 다운로드 버튼을 클릭하십시오 너는 두 가지 항목이있는 라디오 버튼보기, 제작 및 개발, 제작에 맡기십시오 우리는 단지 그것을 사용할 것이기 때문에 다운로드를 클릭하면이 페이지가 나타납니다

당신은 왜 그런지 궁금해 할 것입니다 내 브라우저가 방금 열어서이 파일을 다운로드하지 못하게했습니다 이것은 그렇게 당신은 또한 몇몇 페이지의 그것을 포함하기 위하여 URL를 이용할 수있다 그러나 우리는 오프라인에서 일할 것이기 때문에 우리는 jquery의 자체 복사본을 원한다 대신이 파일을 복사해서 다운로드 할 것이다

다만 해당 페이지를 자바 스크립트 파일로 저장하십시오 입력하기 쉽도록 jquery (버전 번호 삭제)로 이름을 바꿉니다 (이후 나는 숫자를 암기에 조금 게으른 편임) 그래서 우리는 우리의 파일을 다운로드하고 그것은 우리 웹 페이지와 함께 폴더에 있습니다 지금은 그냥 비어있는 페이지입니다 그런 다음이 페이지를 편집 할 것입니다

보시다시피 이미 기본 HTML 태그가 포함되어 있습니다 jquery가 어떻게 작동하는지 보려면 버튼을 먼저 누르고 btn_action이라는 ID를 지정합니다 이 페이지를 실행하면 버튼이 보입니다 우리가 만들었습니다 이제 jquery 파일을 포함시킨 다음 초기화합니다

그것 document dot ready는 웹 페이지로드가 완료된 후에 호출되는 jquery 함수입니다 windowonload 또는 body onload 속성과 동일한 javascript입니다 우리가 알고있는 javascript, 이미로드되지 않은 경우 웹 페이지에서 요소를 선택할 수 없습니다

이 함수와 다른 jquery 내장 함수를 호출하려면 "달러" jquery의 별명 인 sign 준비 기능 안에는 우리가 행동을 추가 할 곳이 있습니다 먼저 해쉬 기호를 사용하여 ID가 ​​"btn_action"인 버튼을 선택합니다 CSS를 아는 경우 CSS 선택자와 매우 유사합니다 버튼을 선택한 후에는 클릭 이벤트 우리 문서의 도트 준비 기능과 동일하게, 우리는 먼저 우리의 문서는 준비 기능을 호출했다

클릭 이벤트에서 우리는 메시지와 함께 경고하는 안녕하세요 이제 저장하고이 페이지를 실행하십시오 브라우저를 새로 고침하면됩니다 단추를 클릭하면 대화 상자가 표시됩니다 메시지 Hello World 다시 한 번 클릭 해 보겠습니다

여전히 동일합니다 다른 이벤트와 함께 놀 수도 있습니다 온라인 문서를 확인하십시오 jquery 그리고 그게 다야

이것은 jereme이고 방금 자습서를 보았습니다 코더 친구의

jQuery Knob – Tutorial and Example

jQuery 손잡이는 간단한 입력 필드를 멋진 모양의 노브로 바꾸는 다이얼 노브입니다 그것은 매우 쉽고 초 단위로 설정할 수 있습니다! 노브를 사용하려면 페이지에 jQuery와 노브

js 만 있으면됩니다png / jpeg 또는 CSS 필요 없음 노브는 사용자가 취향대로 노브를 사용자 정의 할 수 있도록 다양한 옵션 / 구성을 제공합니다 우리는이 비디오에서 그들 중 일부를 살펴볼 것입니다! 먼저 GitHub 노브로 라이브러리를 가져 오십시오 (아래 설명에서 링크) 필요한

js는 dist 폴더에 있습니다 jqueryknobminjs에 대한 링크를 복사하고 예제에 포함 할 것입니다

(우리는 Github에서 js 파일에 대한 링크를 보낼 수 없기 때문에 RawGit을 사용해야합니다) 이제 js 파일을 준비했습니다 다음으로 입력 필드를 정의하겠습니다 값 필드는 우리 노브의 기본값입니다

나는 지금 10으로 설정하겠습니다 입력 필드에 클래스 "다이얼"을 추가해 보겠습니다 노브를 시작하려면 jQuery 객체에서 knob ()을 호출하면됩니다 (귀하의 페이지에 jQuery를 포함시키는 것을 잊지 마십시오!) 손잡이가 여기 있습니다! 커스텀 노브에는 많은 옵션이 있습니다 예를 들어, 노브의 색상, 크기, 최소 및 최대 값을 설정할 수 있습니다 GitHub 페이지에서 이러한 옵션 사용하기 최소값과 최대 값을 설정해 봅시다 최소값과 최대 값을 전달하면됩니다 다음은 "angleOffset"으로 호의 범위를도 단위로 지정할 수 있습니다

픽셀 단위로 너비와 높이 설정 ( "px"필요 없음) 'displayInput'은 노브 중앙의 값 자리를 숨길 수있게합니다 'fgColor'는 노브 다이얼 막대 색상입니다 마지막으로, 노브를 사용하여 "릴리스"이벤트 핸들러를 지정할 수도 있습니다 사용자가 마우스에서 마우스를 놓을 때 수행 할 작업을 코딩 할 수 있습니다 현재 노브 값은 또한 함수로 전달 될 것입니다 시도 할 수있는 옵션 / 구성이 아직 많이 있다는 것을 잊지 마십시오

예를 들어 두께를 변경하거나 자바 스크립트로 손잡이 스타일을 동적으로 변경할 수 있습니다 시청 해 주셔서 감사합니다 원하시면 구독 해주세요 🙂

How to insert & retrieve data from sql using JQuery Ajax full video

Ajax JQuery를 사용하여 SQL에서 데이터를 저장하고 가져 오는 방법 SQL 데이터베이스 만들기 단일 테이블로 데모 데이터베이스를 만들었습니다 id, name & number는 테이블의 열입니다

지금 웹 응용 프로그램을 만들 수 있습니다 응용 프로그램이 내 로컬 디렉토리에있는 JQuery 파일을 필요로합니다 이것은 내 웹 양식 디자인입니다 이름 & 번호의 값을 저장해야합니다 제출을 클릭하면 데이터가 SQL에 저장됩니다

getData를 클릭하면 레코드가 SQL에서 검색됩니다 다른 더미 데이터를 삽입 할 수 있습니다 제출 클릭을위한 Ajax가있는 JQuery 코드 WebMethod를 호출하는 Ajax URL 이것은 cs 파일의 My WebMethod입니다 이 매개 변수는이 메서드를 호출하는 데 필요합니다

디버깅을 통해 전체 프로세스를 볼 수 있습니다 디버깅을 통해 SQL에서 데이터 검색하기 개체 배열에 데이터를 반환했습니다 데이터는 json 객체 형식으로 반환됩니다 for 루프를 사용하여 테이블에 데이터를 추가하는 중입니다 시청 해주셔서 감사합니다

더 많은 동영상 구독