使用 JSON 将表单电子邮件发送到 REST 服务

Send form email to a REST service using JSON

本文关键字：REST 服务 电子邮件 JSON 表单 使用      更新时间：2023-09-26

如何使用JSON将表单电子邮件发送到REST服务

我正在尝试：

// Send Mail
$('#btn_send').click(function() {
    //  Data object contact
    this.name = $('#inputnome').val();
    this.email = $('#inputemail').val();
    this.subject = $('#inputassunto').val();
    this.message = $('#textareamsg').val();
    this.toJsonString = function() {
        return JSON.stringify(this);
    };
    $.ajax({
        type: "POST",
        url: "http://localhost:8080/MailWS",
        data: contact.toJsonString(),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data, status, jqXHR) {
            alert(status.toString());
        },
        error: function(jqXHR, status) {
            alert(status.toString());
        }
    });
});
我认为

问题是您没有将点击操作绑定到按钮。尝试将整个 javascript 封装在 $( document ).ready(function() {}); 中，或者做一些更干净的事情。

$( document ).ready(function() {
  $('#btn_send').click(function() {
    sendEmail();//
  });
});
function sendEmail(){
  var valuesArr = new Array();
  valuesArr.push($('#inputnome').val());
  valuesArr.push($('#inputemail').val());
  valuesArr.push($('#inputassunto').val());
  valuesArr.push($('#textareamsg').val());
  var jsonText = JSON.stringify(valuesArr);
  $.ajax({
      type: "POST",
      url: "http://localhost:8080/MailWS",
      data: jsonText,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(data, status, jqXHR) {
          alert(status.toString());
      },
      error: function(jqXHR, status) {
          alert(status.toString());
      }
  });
}
相关文章：