-1

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());
        }
    });
});
4

1 に答える 1

1

問題は、 onclick アクションをボタンにバインドしていないことだと思います。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());
      }
  });
}
于 2013-10-07T14:53:46.337 に答える