我有一个简单的html表单和jquery.而且我想运行jquery的ajax函数,但它总是给出错误响应.
我的代码是
<html>
<head>
<script src="jquery-1.8.1.min.js" type="text/javascript"></script>
</head>
<body>
<form action="" method="post" id="messageForm">
<table border=1>
<tr><td>Name</td><td align=right><input type="text" name="from" /></td></tr>
<tr><td>Surname</td><td align=right><input type="text" name="to" /></td></tr>
<tr><td colspan=2>Message</td></tr>
<tr><td colspan=2><textarea name="message" rows=10 cols=50> </textarea></td></tr>
<tr><td colspan=2 align=right><input type="submit" value="Send" /></td></tr>
</table>
</form>
<span id="textres">
</span>
<script lang="javascript">
$("#messageForm").submit(function(event) {
$.ajax({
url: "ajax.php",
data: $("#messageForm").serialize(),
cache: false,
error: function(XMLHttpRequest, textStatus, errorThrown){
//console.log or alert error
alert("textStatus:"+textStatus+",errorThrown:"+errorThrown+",XMLHttpRequest:"+XMLHttpRequest);
},
success: function(html){
alert("Data Loaded: "+html);
}
});
});
</script>
</body>
</html>
而且,它永远不会成功举办.当我看谷歌chorome控制台,没有错误,如果我复制代码
$.ajax({
url: "ajax.php",
data: $("#messageForm").serialize(),
cache: false,
error: function(XMLHttpRequest, textStatus, errorThrown){
//console.log or alert error
alert("textStatus:"+textStatus+",errorThrown:"+errorThrown+",XMLHttpRequest:"+XMLHttpRequest);
},
success: function(html){
alert("Data Loaded: "+html);
}
});
控制台,它运作良好.我该怎么做才能运行一个简单的jquery ajax函数？
这submit()意味着页面将被刷新,试试这个:
$("#messageForm").submit(function(event) {
event.preventDefault();
...
return false;
})
| 归档时间： |
|
| 查看次数： |
1084 次 |
| 最近记录： |