2017-09-21 17 views
0

ここに私のコードは、ajaxとjqueryを使用してフォームを持っています。私はページを更新するたびに、私は、コンソールタブで私の検査素子面積で、このエラーを取得する:私はSyntaxErrorを取得しています:終端のない文字列リテラル

SyntaxError: unterminated string literal

<!DOCTYPE html> 

<html> 
<head> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Ajax Test</title> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('form[id=test_form]').submit(function (event) { 
       event.preventDefault(); 
       var inp = $("#test_input").val(); 
       var sub = $("#test_submit").val(); 
       $(".test_msg").load("hello_ajax.php", { 
        inp: inp, 
        sub: sub 
       }); 
      }); 
     }); 
     </script> 



</head> 
<body> 
    <h2>Testing Ajax</h2> 
    <form id="test_form" action="hello_ajax.php" method="POST"> 
     <input type="text" id="test_input" name="tst_input"> 
     <button type="submit" id="test_submit" name="tst_submit">Submit</button> 
     <p class="test_msg"></p> 
    </form> 
</body> 
</html> 

答えて

0

私は、この行が問題

$('form[id=test_form]').submit(function (event) { 
だと思う

使用してみてください:

$('#test_form').submit(function (event) { 

と...

var sub = $("#test_submit").val(); 

送信ボタンは

<button type="submit" id="test_submit" name="tst_submit">Submit</button> 
+0

ないので、多くの有用な値を持ちません – manoj03h

関連する問題