> 웹 프론트엔드 > JS 튜토리얼 > jquery ajax_jquery를 사용하여 양식 데이터를 제출하는 두 가지 방법

jquery ajax_jquery를 사용하여 양식 데이터를 제출하는 두 가지 방법

WBOY
풀어 주다: 2016-05-16 18:41:18
원래의
1072명이 탐색했습니다.

이전에는 AJAX를 Javascript 스크립트를 이용하여 하나씩 구현하는 것이 매우 번거로웠습니다. Jquery를 배운 후에는 AJAX를 구현하는 것이 그리 어렵지 않다고 느꼈습니다. 물론 Jquery 프레임워크 외에도 다른 훌륭한 프레임워크가 있으므로 여기서는 더 널리 사용되는 Jquery에 중점을 두겠습니다. Jquery AJAX에서 양식을 제출하는 방법에는 두 가지가 있습니다. 하나는 url 매개변수를 통해 데이터를 제출하는 것이고, 다른 하나는 양식을 제출하는 것입니다(일반적으로 양식 양식의 값은 백그라운드에서 얻을 수 있습니다). 제출하는 양식에 요소가 많을 경우에는 두 번째 방법으로 제출하는 것이 좋습니다. 물론 "타자 실력"을 연습하고 싶다면 첫 번째 방법으로 제출하는 것도 나쁘지 않습니다. 나는 개발자들이 그들의 노력을 낭비하고 싶어하지 않는다고 믿습니다! 더 이상 고민하지 않고 예시를 게시하겠습니다.
먼저 Jquery와 Jquery.form이라는 두 가지 플러그인을 다운로드하세요. 온라인에는 플러그인이 많이 있습니다!
1: URL 매개변수 제출 데이터

코드 복사 코드는 다음과 같습니다.


백엔드 코드:



코드 복사
코드는 다음과 같습니다. if(context.Request. Params["ID"].ToString() !="") {
Pxt.Logic.SYS.CORP_BASE_INFO cbiL = new Pxt.Logic.SYS.CORP_BASE_INFO()
bool flag=cbiL. checkCorpID(context.Request.Params["ID "].ToString());
if (flag)
{
context.Response.Write("이 고객 번호는 이미 사용 중입니다!"); 🎜>}
else
{
context.Response.Write("이 고객 번호는 사용 가능합니다!")
}
}


2: 양식 데이터 제출
프런트 엔드 코드:



코드 복사
코드는 다음과 같습니다.

//인용해야 함
//인용해야 합니다
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿