我正在尝试更改按钮＆＃34; ADD＆＃34; （在div中）单击一些text / img。处理完ajax请求后，在成功块中，我希望div返回按钮。 我看到ajax请求本身没有得到处理。有人可以解释我的错误。
我刚刚删除了jsfiddle链接并在此处粘贴脚本以避免混淆依赖关系。
JS脚本
var ajax_load = "Please wait...";
jQuery(document).ready(function($) {
$("#add_button").click(function(event){
var st = $("#add_div").html();
$("#add_div").html(ajax_load);
$("#sform").validate({ errorClass: "error",
submitHandler: function (form) {
alert('inside submit');
$.ajax({
type: "GET",
url: 'form.cgi',
data: $("#sform").serialize(),
success: function (msg) {
alert('msg');
$("#add_div").html(st);
$("#sform")[0].reset();
}
});
}
});
});
});
html片段是
<form id=sform>LABEL
<input id=field1 type=text>
<div id="add_div">
<input type="button" value="ADD" id="add_button">
</div>
</form>
我包含 jquery.validate.min.js 脚本。
答案 0 :(得分：0)
你的jsfiddle需要缺少jQuery库。如果您实现了jQuery依赖项，那么发出AJAX请求就没有问题了。
回到第二个问题，您可以使用jquery.ajax的beforeSend属性来执行您想要的任何操作。阅读文档。