我在使用JavaScript和AJAX从超链接(href)而不是普通输入类型提交HTML表单时遇到问题。我当前的代码如下:
Javascript(在正文标签之前执行):
$(document).ready(function () {
//Chronicle Form 1
$('#fm_chronicledate').submit(function(event) {
var data = $('#fm_chronicledate').serialize() + 'cron=1' + '&chron_date=' + chron_date.val() + '&chron_time=' + chron_time.val();
$.ajax({
type: "GET",
url: "script.php",
data: data,
cache: false,
success: function(html) {
if(html == 1){
$('#chron_part1').fadeOut('slow');
} else alert('Error');
}
});
return false;
});
});
.HTML:
<form id="fm_chronicledate" method="POST" action="#" >
<input type="text" class="website" name="chron_time" id="chron_time" />
<input type="text" class="website" name="chron_date" id="chron_date" />
<a href="#" class="chron_submit1" id="chron_submit1" onclick="fm_chronicledate.submit(); return false;">Submit</a>
</form>
无论如何,由于某种原因,它只是不执行 AJAX。
任何帮助将不胜感激。谢谢。
与其使用内联 javascript,不如在主脚本中引用链接并捕获点击事件,如下所示......
.HTML:
<form id="fm_chronicledate" method="POST" action="#" >
<input type="text" class="website" name="chron_time" id="chron_time" />
<input type="text" class="website" name="chron_date" id="chron_date" />
<a href="#" class="chron_submit1" id="chron_submit1">Submit</a>
</form>
爪哇语
$(document).ready(function () {
$('#chron_submit1').on("click", function(event) {
var data = $('#fm_chronicledate').serialize() +
'cron=1' +
'&chron_date=' + $("#chron_date").val() +
'&chron_time=' + $("#chron_time").val();
$.ajax({
type: "GET",
url: "script.php",
data: data,
cache: false,
success: function(html) {
if (html == 1) {
$('#chron_part1').fadeOut('slow');
}
else
alert('Error');
}
});
});
});
你为什么不做:
<a href="#" class="chron_submit1" id="chron_submit1" onclick="Javascript:GetAjax()">Submit</a>
$(document).ready(function () {
function GetAjax() {
var data = $('#fm_chronicledate').serialize() + 'cron=1' + '&chron_date=' + chron_date.val() + '&chron_time=' + chron_time.val();
$.ajax({
type: "GET",
url: "script.php",
data: data,
cache: false,
success: function(html) {
if(html == 1){
$('#chron_part1').fadeOut('slow');
} else alert('Error');
}
});
return false;
}
});
首先,从链接中删除onclick并将其更改为
<form id="fm_chronicledate" method="POST" action="#" >
<input type="text" class="website" name="chron_time" id="chron_time" />
<input type="text" class="website" name="chron_date" id="chron_date" />
<a href="javascript:void(0)" class="chron_submit1" id="chron_submit1">Submit</a>
</form>
将事件更改为
$('#chron_submit1').click(function(event) {
此外,序列化表单时也出错。必须是
var data = $('#fm_chronicledate').serialize() + 'cron=1' + '&chron_date=' + $(chron_date).val() + '&chron_time=' + $(chron_time).val();