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

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

WBOY
WBOY원래의
2016-05-16 18:41:181089검색

이전에는 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: 양식 데이터 제출
프런트 엔드 코드:



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

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