>  기사  >  웹 프론트엔드  >  data_jquery 양식을 제출하는 jquery ajax의 두 가지 구현 방법

data_jquery 양식을 제출하는 jquery ajax의 두 가지 구현 방법

WBOY
WBOY원래의
2016-05-16 18:28:14913검색

이전에는 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 플래그= cbiL.checkCorpID(context.Request.Params["ID"].ToString())
if (플래그)
{
context.Response.Write(" 이 고객 번호는 이미 사용 중입니다!") ;
}
else
{
context.Response.Write("이 고객 번호는 사용 가능합니다!");
}
}

2: 양식에서 데이터 제출
프런트 엔드 코드:
코드 복사 코드는 다음과 같습니다.

//인용해야 함
//인용해야 합니다