JavaScriptが途中で止まる

Question

初回のみのコードは実行され、うまく表示できるのですが、2回目以降（ntAction(si_no)）をいれるとエラーになります。
しかし、2回目以降の$.ajax({・・・以下をコメントアウトすると動きます。
このように「$.ajax({」を書くのは問題があるのでしょうか。
ご教授願います。
呼び出す変数（sino)のみ毎回変更になるように作りたいと考えております
よろしくお願いします。

<script>
	
    //初回のみ読み込み
	function load(){

		let nen = 2016;
		let sino = 1;
		$.ajax({
                type:"POST",
                url:"json/AjaxMente.php",
                data: "nen="+nen+"&sino="+sino,
                dataType:"json",
                success: function(data,status){
                    var str = "";
                    str += "<p align='left'>"+ data.mon +"</p><br>"
                        + "<p align='center'>結果</p>"
                        + "<fieldset data-role='controlgroup' data-type='horizontal'>"
                        + "<input type='radio' name='kito' id='ki1' value='1'>"
                        + "<label for='ki1'>1</label>"
                        + "<input type='radio' name='kito' id='ki2' value='2'>"
                        + "<label for='ki2'>2</label>"
                        + "<input type='radio' name='kito' id='ki3' value='3'>"
                        + "<label for='ki3'>3</label>"
                        + "</fieldset>"

                        + "<p>結果番号を選択し、結果チェックボタンをクリックしてください。</P>"
                        + "<p>↓  ↓  ↓  ↓  ↓  </P>"
                        + "<input  class='btn' type='button' onClick='doAction("+data.kto+")' value='結果チェック'><BR><BR>" ;

                    //+"";
                    //alert(data.si_no);
                        if(data.si_no == 1){
                            str+= "<input  class='btn2' type='button' onClick='ntAction("+data.si_no+")' value='次の結果'>";
                            //str+= "<button class='btn2' id='sinoe'>次の結果</button>";

                        }else if(data.si_no == 20){

                            str+= "<button class='btn1'>前の結果</button>";

                        }else{ 
                            str+=  "<button class='btn1'>前の結果</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
                            + "<button class='btn2'>次の結果</button>";
                        }


                    str = str.replace(/\r\n/g, "<br />");
                    str = str.replace(/(\n|\r)/g, "<br />");


                    $('#mon').html(	
                        str
                    )
                },	

				error:function(exception){alert('Exeption:'+exception);}
				
			});  //ajax閉じ

	}	//function_load()
		
   
    //次の結果(2回目）
	function ntAction(si_no){

		let sino = si_no + 1;
		let nen = 2016;
		$.ajax({
				type:"POST",
				url:"json/AjaxMente.php",
				data: "nen="+nen+"&sino="+sino,
				dataType:"json",
				success: function(data,status){
					var str = "";
					str += "<p align='left'>"+ data.mon +"</p><br>"
						+ "<p align='center'>結果</p>"
						+ "<fieldset data-role='controlgroup' data-type='horizontal'>"
						+ "<input type='radio' name='kito' id='ki1' value='1'>"
						+ "<label for='ki1'>1</label>"
						+ "<input type='radio' name='kito' id='ki2' value='2'>"
						+ "<label for='ki2'>2</label>"
						+ "<input type='radio' name='kito' id='ki3' value='3'>"
						+ "<label for='ki3'>3</label>"
						+ "</fieldset>"

						+ "<p>結果番号を選択し、結果チェックボタンをクリックしてください。</P>"
						+ "<p>↓  ↓  ↓  ↓  ↓  </P>"
						+ "<input  class='btn' type='button' onClick='doAction("+data.kto+")' value='結果チェック'><BR><BR>" ;

						if(data.si_no == 1){
							str+= "<input  class='btn2' type='button' onClick='ntAction("+data.si_no+")' value='次の結果'>";
							//str+= "<button class='btn2' id='sinoe'>次の結果</button>";
								
						}else if(data.si_no == 20){
							
							//str+= "<button class='btn1'>前の結果</button>";
							str+= "<input  class='btn1' type='button' onClick='prevAction("+data.si_no+")' value='前の結果'>";

						}else{ 
							str+=  "<input  class='btn1' type='button' onClick='prevAction("+data.si_no+")' value='前の結果'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
							+ "<input  class='btn2' type='button' onClick='ntAction("+data.si_no+")' value='次の結果'>"";
						}
					
					
					str = str.replace(/\r\n/g, "<br />");
					str = str.replace(/(\n|\r)/g, "<br />");

				
					$('#mon').html(	
						str
					)
				},	
			
			error:function(exception){alert('Exeption:'+exception);}
		});
	}

 //結果チェック
	function doAction(kito){
		//var str ="あああ";
		var str = $('input[name=kito]:checked').val();
		//console.log('str');
		//alert( str );
		document.getElementById("str").innerHTML = kito;
		//alert( kito );
		if(str == kito){
			$("#mod1").prev(".modal").click();
			 return false;
		}else{
			$("#mod2").prev(".modal").click();
			 return false;
		}
	}

	
	window.onload = load;


</script>

Comments

[m.ts10806]

https://teratail.com/help/question-tips#questionTips3-4

Answer 1

最後のelseの中、

"<input  class='btn2' type='button' onClick='ntAction("+data.si_no+")' value='次の結果'>"";

最後の " が1つ多くないですか？

Comments

[OY_hironet]

有難うございました。無事、思い通りに動きました。
なんか恥ずかしいです。
何度も見直したつもりでしたが、感謝です。

[q_sane_q]

この手のタイポははまるとなかなか自分で気づけないですからね
私も先日filterがfliterになっているのに気づかず時間を浪費しました。