【请各位指点】如元素在form内，利用ajax无法提交数据给服务器。该怎么解决
日期：2014-05-16 浏览次数：20701 次
【请各位指点】如元素在form内，利用ajax无法提交数据给服务器。
小生发现在加入form标签后，在$.get()之前都正常，但无论是GET或POST都无法将数据提交给服务器（通过HTTP监视器发现），而且肯定不是调用jQuery的问题，因为小生用传统Ajax写法写了一遍也是一样，没form正常工作，加入form后无法提交数据。。。
请各位指点，多谢！
------解决方案--------------------
你用的是什么浏览器？IE核心的应该没问题，但是firefox或者chrome就要注意了，button标签等效于type=submit的input，你的问题应该是表单提交。参考：button,input type=button按钮在IE和w3c，firefox浏览器区别
而且你贴的代码结构有问题吧。。少了})了。
- HTML code
<!DOCTYPE html>
<html lang ="en">
<head>
<title>AJAX</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<!--@jQuery-->
<script type="text/javascript" src="assets/jQuery/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button#jqb1").click(function(){
var un = $("input#username").val();
alert(un);//至此都能正常工作
$.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...
$("p#jqp1").html(result);
});
});
</script>
</head>
<body>
<form>//去掉form即可正常工作
<input type = "text" id = "username"/>
<button id="jqb1" class="btn">check username</button>
<br/>
<p id = "jqp1"></p>
</form>
</body>
</html>
小生发现在加入form标签后，在$.get()之前都正常，但无论是GET或POST都无法将数据提交给服务器（通过HTTP监视器发现），而且肯定不是调用jQuery的问题，因为小生用传统Ajax写法写了一遍也是一样，没form正常工作，加入form后无法提交数据。。。
请各位指点，多谢！
------解决方案--------------------
你用的是什么浏览器？IE核心的应该没问题，但是firefox或者chrome就要注意了，button标签等效于type=submit的input，你的问题应该是表单提交。参考：button,input type=button按钮在IE和w3c，firefox浏览器区别
而且你贴的代码结构有问题吧。。少了})了。
- JScript code
$(document).ready(function(){
$("button#jqb1").click(function(){
var un = $("input#username").val();
alert(un);//至此都能正常工作
$.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...
$("p#jqp1").html(result);
});
});
return false;//阻止非IE浏览器表单提交
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
