奇妙な.appendエラー

これはシンプルなソートフィドルであり、デバッグするのが難しいエラーです。一方、.appendではなく、アラート（データ）が働いているので、これはajaxの問題ではありません。ここでは、コードは次のとおりです。奇妙な.appendエラー

<!doctype html> 

<html> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<div>Enter a sequence with spaces:</div> 
<form method="post"> 
<input type="text" id="n" name="numbers"> 
<button>Sort</button> 
</form> 
<div>The sorted sequence is: <span id="s"></span></div> 

<script> 
$(document).ready(function(){$("form").submit(function({$.post("/tests/sort.php",$(this).serialize(),function(data){JSON.parse(data);$("#s").append(data);});})}); 
</script> 

</html>

PHP

<?php 

$s=$_POST["numbers"]; 
$a=explode(" ",$s); 
sort($a); 
echo json_encode($a); 

?>

で誰がエラーを発見していただけますか？

出典

2017-04-21 Adam

ブラウザのコンソールにエラーがありますか？ – gurvinder372

'$（"＃s "）.html（data）'または '$（"＃s "）についてはどうですか？ –

jsコードに構文エラーがあります –

あなたの質問のコメントに記載されているように、あなたはJSコードに誤りがあります。このようなエラーを避けるには、読みやすくするためにコードを編集する必要があります。

$(document).ready(function() { 
    $("form").submit(function() { 
     $.post("/tests/sort.php", $(this).serialize(), function (data) { 
      JSON.parse(data); 
      $("#s").append(data); 
     }); 
    }) 
});

出典

2017-04-21 08:28:35

あなたは右括弧)とセミコロン;が欠落している：ここでは一例です。 jshint.comを使用して構文をチェックすると、コードをインデントして読みやすいようにする必要があります。

$(document).ready(function(){ 
    $("form").submit(function(){ 
     $.post("/tests/sort.php",$(this).serialize(),function(data){ 
      JSON.parse(data);$("#s").append(data); 
     }); 
    }); 
});

出典

2017-04-21 08:30:41

答えて

関連する問題