-
คัดลอกรหัสรหัสดังต่อไปนี้:
* วิธีการส่งอาแจ็กซ์ครั้งแรก
* วิธีการนี้ต้องใช้วิธี ext Ajax โดยตรงในการส่ง
* เมื่อใช้วิธีการนี้ พารามิเตอร์ที่จะส่งผ่านจะต้องถูกห่อหุ้มไว้
* @กลับ
-
ฟังก์ชั่น saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
URL: 'user_save.action',
วิธีการ: 'โพสต์'
พารามิเตอร์ : {
ชื่อผู้ใช้ : document.getElementById('userName').value,
รหัสผ่าน : document.getElementById('password').value
-
ความสำเร็จ : ฟังก์ชั่น (การตอบสนอง ตัวเลือก) {
var o = Ext.util.JSON.decode(response.responseText);
การแจ้งเตือน (o.msg);
-
ความล้มเหลว : ฟังก์ชั่น() {
-
-
-
-
* วิธีการส่งอาแจ็กซ์ครั้งที่สอง
* วิธีนี้จะระบุรูปแบบ html สำหรับ ajax ของ ext
* เมื่อใช้วิธีการนี้ ไม่จำเป็นต้องห่อหุ้มพารามิเตอร์ที่จะส่งผ่าน
-
* @กลับ
-
ฟังก์ชั่น saveUser_ajaxSubmit2() {
Ext.Ajax.request( {
URL: 'user_save.action',
วิธีการ: 'โพสต์'
form : 'userForm', // ระบุแบบฟอร์ม
ความสำเร็จ : ฟังก์ชั่น (การตอบสนอง ตัวเลือก) {
var o = Ext.util.JSON.decode(response.responseText);
การแจ้งเตือน (o.msg);
-
ความล้มเหลว : ฟังก์ชั่น() {
-
-
-
-
* วิธีการส่งอาแจ็กซ์ครั้งที่สาม
* วิธีการนี้จะส่งแบบฟอร์มต่อเอง
* หากต้องการใช้วิธีนี้ คุณต้องใช้ส่วนประกอบ textField ของ ext
-
* @กลับ
-
ฟังก์ชั่น saveUser_ajaxSubmit3() {
// กำหนดรูปแบบ
var formPanel = Ext.FormPanel ใหม่ ( {
ป้ายกว้าง: 75,
กรอบ: จริง,
bodyStyle : 'ช่องว่างภายใน:5px 5px 0',
ความกว้าง: 350,
ค่าเริ่มต้น : {
กว้าง: 230
-
defaultType: 'ฟิลด์ข้อความ',
รายการ : [ {
fieldLabel: 'ชื่อผู้ใช้',
ชื่อ : 'ชื่อผู้ใช้',
อนุญาตBlank : เท็จ
-
fieldLabel : 'รหัสผ่าน',
ชื่อ: 'รหัสผ่าน'
-
-
//กำหนดหน้าต่าง
var win = หน้าต่างต่อใหม่ ( {
หัวเรื่อง: 'เพิ่มผู้ใช้',
เค้าโครง: 'พอดี'
ความกว้าง: 500,
ส่วนสูง: 300,
closeAction: 'ปิด',
ปิดได้ : เท็จ,
ธรรมดา : จริง,
รายการ : formPanel,
ปุ่ม : [ {
ข้อความ: 'ตกลง'
ตัวจัดการ: ฟังก์ชั่น () {
แบบฟอร์ม var = formPanel.getForm();
ชื่อผู้ใช้ var = form.findField('ชื่อผู้ใช้').getValue().trim();
รหัสผ่าน var = form.findField('password').getValue().trim();
ถ้า (!ชื่อผู้ใช้) {
alert('ชื่อผู้ใช้ไม่สามารถเว้นว่างได้');
กลับ;
-
ถ้า (!รหัสผ่าน) {
alert('รหัสผ่านไม่สามารถเว้นว่างได้');
กลับ;
-
แบบฟอร์ม.ส่ง({
waitTitle: 'กรุณารอสักครู่...',
waitMsg: 'กำลังบันทึกข้อมูลผู้ใช้ โปรดรอสักครู่...',
URL: 'user_save.action',
วิธีการ: 'โพสต์'
ความสำเร็จ : ฟังก์ชั่น (รูปแบบ, การกระทำ) {
การแจ้งเตือน (action.result.msg);
-
ความล้มเหลว : ฟังก์ชั่น (แบบฟอร์ม, การกระทำ) {
การแจ้งเตือน (action.result.msg);
-
-
-
-
ข้อความ: 'ยกเลิก',
ตัวจัดการ: ฟังก์ชั่น () {
win.ปิด();
-
-
-
win.show();
-
-
* วิธีการส่งอาแจ็กซ์ครั้งที่สี่
* วิธีการนี้จะแปลงแบบฟอร์ม html เป็นรูปแบบต่อสำหรับการส่งแบบอะซิงโครนัส
* หากต้องการใช้วิธีนี้ คุณต้องกำหนดรูปแบบ html
-
* @กลับ
-
ฟังก์ชั่น saveUser_ajaxSubmit4() {
ใหม่ Ext.form.BasicForm('userForm').submit( {
waitTitle: 'กรุณารอสักครู่...',
waitMsg: 'กำลังบันทึกข้อมูลผู้ใช้ โปรดรอสักครู่...',
URL: 'user_save.action',
วิธีการ: 'โพสต์'
ความสำเร็จ : ฟังก์ชั่น (รูปแบบ, การกระทำ) {
การแจ้งเตือน (action.result.msg);
-
ความล้มเหลว : ฟังก์ชั่น (แบบฟอร์ม, การกระทำ) {
การแจ้งเตือน (action.result.msg);
-
-
-