2017-09-21 105 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