ajaxによるメール送信で、送信成功しているのにエラーメッセージが表示される

Question

ajaxを使ってメール送信したくて、こちらのサイト　https://tadworks.jp/archives/1122　と、
phpの方は　こちら　http://www.htmq.com/tutorial/30_10.shtml　も参考にそれぞれのコードを書きました。

<input type="text" id="send-name" name="send-name" placeholder="名前を入力してください。" value="" /><br>
<input type="email" id="send-email" name="send-email" placeholder="メールアドレスを入力してください。" value="" /><br>
<input type="text" placeholder="件名を入力してください。" id="send-subject" name="send-subject" value="" /><br>
<textarea type="text" placeholder="メッセージを入力して下さい。" id="send-body" rows="10" name="send-body"></textarea>
<input type="hidden" name="test" value="" id="formtest">
<input type="button" id="send-btn" value="送信する">
<div></div>

$(function() {
  // 送信確認
  $('#send-btn').on('click', function() {
				
    // フォームから入力値を取得
    var name = $('#send-name').val();
    var subject = $('#send-subject').val();
    var body = $('#send-body').val();
	var email =$('#send-email').val();
	var formtest =$('#formtest').val();

    // 入力内容の確認

	if(formtest != ""){
    if(name != "" && subject != "" && body != "" && email != ""){

    // PHPに送信
      $.ajax({
        type: 'POST',
	dataType: 'json',
        url:  "https://~~~~~~~~/main.php", 
        data: {
          name:name,
		  email:email,
          subject:subject,
          body:body
        },
        success: function( data ) {
          if(data.match(/success/)){
            $('div').text("送信が完了しました。"); 
            location.href = "./"; // 送信後戻り先URL
          } 		 
        },
 error: function() {
          $('div').text("予期せぬエラーが発生しました。");
        }   
      });
    } else {
  $('div').text("未入力の項目があります。");

}
	} else{
	$('div').text("このリクエストは受け付け出来ません。");
	}
});
});

<?php
// データ取得
$name = filter_input( INPUT_POST, "name" );
$subject = filter_input(INPUT_POST,'subject');
$email = filter_input(INPUT_POST,'email');
$body =filter_input(INPUT_POST,'body');

	$honbun = '';
	$honbun .= "メールフォームよりお問い合わせがありました。\n\n";
	$honbun .= "【お名前】\n";
	$honbun .= $name."\n\n";
	$honbun .= "【メールアドレス】\n";
	$honbun .= $email."\n\n";
	$honbun .= "【お問い合わせ内容】\n";
	$honbun .= $body."\n\n";
	
	//エンコード処理
	mb_language("Japanese");
	mb_internal_encoding("UTF-8");

	//メールの作成
	$mail_to	= "~~~~~@~~~~~";			//送信先メールアドレス
	$mail_subject	= $subject;	//メールの件名
	$mail_body	= $honbun;				//メールの本文
	$mail_header	= "from:".$email;			//送信元として表示されるメールアドレス	
	//メール送信処理
	$mailsousin	= mb_send_mail($mail_to, $mail_subject, $mail_body, $mail_header);	
	//メール送信結果
	if($mailsousin == true) {
		echo "success";
	}
		

これで送信ボタンを押すと、メール送信自体は正常に出来るのですが、送信ボタン下のdivの所には、
「予期せぬエラーが発生しました。」という、エラーメッセージが表示されてしまいます。
chromeのConsoleには何もエラーメッセージは出ていません。

この原因がわかりますでしょうか？　よろしくお願いいたします。

Comments

[m.ts10806]

実際のコードにない文言はコードブロックから出してもらえますか？
コピペで再現確認する際に削除する手間が発生しますし、削除することで完全な再現確認にならないこともあります。

[mari.rinn]

ご指摘頂きましてどうもありがとうございました。いらないものは削除いたしました。

Answer 1

success/errorよりはdone/failで受けましょう
また失敗時にはfailの引数で調査できます

     $.ajax({
        type: 'POST',
    dataType: 'json',
        url:  "main.php", 
        data: ・・・
     }).done(function(data){
        console.log(data);
     }).fail(function(xhr,err){
        console.log(err);
     });

怪しいのは２点

• urlでドメイン外のphpを指定しているためCORS
• dataTypeにJSONを指定しているので戻り値の型がちがってパーサーエラー

とりあえず後者の場合はdataTypeを"text"にしてチェックができます

Comments

[mari.rinn]

早速のご回答ありがとうございました。
書いていただいた、done/failでのコードに変更し、dataType:JSON;を削除したら、無事に「送信が完了しました」が表示されました！！　ほんとにどうもありがとうございました～～～！！！