使用AJAX方式傳遞資料

如果你不想僅透過一般表單轉跳的方式來送出資料,或是你想要對資料進行更多的驗證,你可以透過 AJAX 的方式將資料傳遞到 Formmy 的服務之中。

利用 FormData 的傳送方式

範例如下:














 







$("#ajaxForm").submit(function(e){
  e.preventDefault();
  var action = $(this).attr("action");
  $.ajax({
    type: "POST",
    url: action,
    headers: {
        "Accept": "application/json"
    },
    dataType: "json",
    data: new FormData(this),
    contentType: false,
    processData: false,
    crossDomain: true // 跨域傳送資料
  }).done(function() {
     // 傳送成功
  }).fail(function() {
     // 錯誤處理
  });
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

利用一般 JSON Data 的傳遞方式















 








$("#ajaxForm").submit(function(e){
   e.preventDefault();
   var action = $(this).attr("action");
    $.ajax({
        type: "POST",
        url: action,
        headers: {
            "Accept": "application/json"
        },
        dataType: "json",
        data: {
            name: "John Doe",
            tel: "09123456789"
        },
        crossDomain: true // 跨域傳送資料 
        }).done(function() {
            // 傳送成功
        }).fail(function() {
            // 錯誤處理
        });
    });
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

跨域請求

如果使用 AJAX 傳遞方式,請務必打開 CORS 的相關設定,得以將資料順利傳送到 Formmy。