jQuery를 EasyUI 양식 - 비동기 제출 양식을 만들 수 있습니다

이 튜토리얼은 어떻게 easyui하여 양식 (양식)를 제출하는 방법을 보여줍니다. 우리는있는 폼 이름, 이메일 및 전화 필드를 만들 수 있습니다. easyui 양식 (양식)를 사용하여 플러그인 양식 (양식) 변경 아약스 양식 (양식)입니다. (양식) 양식 백엔드 서버, 서버 처리에 모든 필드를 제출하고 전면 페이지로 돌아 일부 데이터를 전송합니다. 우리는 데이터를 다시 수신하고 그것을 보여줍니다.

양식을 작성 (양식)

	<사업부 스타일 = "패딩 : 3px의의 2 픽셀; 국경 바닥 : 1 픽셀 고체 #ccc"> 아약스 양식 </ DIV>
	<양식 ID = "FF"행동 = "form1_proc.php"방법 = "게시물">
		<표>
			<TR>
				<TD> 이름 : </ TD>
				<TD> <입력 이름 = "이름"유형 = "텍스트"> </ 입력> </ TD>
			</ TR>
			<TR>
				<TD> 이메일 : </ TD>
				<TD> <입력 이름 = "전자 메일"유형 = "텍스트"> </ 입력> </ TD>
			</ TR>
			<TR>
				<TD> 전화 : </ TD>
				<TD> <입력 이름 = "전화"유형 = "텍스트"> </ 입력> </ TD>
			</ TR>
			<TR>
				<TD> </ TD>
				<TD> </ 입력> </ TD> <입력 유형 = 값 = "제출"을 "제출">
			</ TR>
		</ 테이블>
	</ FORM>

아약스 양식으로 변경

	$ ( '# Ff를'). 양식 ({
		성공 : 기능 (데이터) {
			$ .messager.alert ( '정보'데이터 '정보');
		}
	});

서버 측 코드

	$ 이름 = $ _POST [ '이름'];
	$ 이메일 = $ _POST [ '이메일'];
	$ 전화 = $ _POST [ '전화'];

	"$ 이메일 <BR/> 전화기 : : : $ 이름 이메일 <BR/> 당신의 이름은 $ 전화"에코;

jQuery를 EasyUI 예제를 다운로드

jeasyui-form-form1.zip