所以我有一个按钮,它将根据ID调用AJAX函数。在这里它从PHP文件中提取信息(一个html表单)。这几乎是一个简单的形式。它完美地加载。我在这个表单中也有一个函数,它也被加载到主html文件中。出于测试目的,我只是希望它可以防止提交并在表单下面附加测试短语。不幸的是,这不起作用。我试图将表单strait放入html文件中,而不通过AJAX加载,并且工作正常,表单不提交并输出消息。JQuery AJAX加载使用AJAX的表格
这是我当按钮被点击,它的告知形式加入到一个div代码:
$("#zip-search-button").click(function(e){
e.preventDefault();
if ($("#thezip").val() != "") {
$.post("http://website.com/app/deal.php", {zip : $("#thezip").val(), radius : $("#radius").val()}, function(data){
if (data.length > 0) {
// Here we add the form
$("#results").html(data);
}
});
}
});
这是我当表单提交代码:
$("#buy-now1").click(function(e){
e.preventDefault();
$("#results").append("Hiiiiiii, This is a test!");
});
任何想法为什么表单函数在通过AJAX加载表单时不起作用?
此javascript的所有内容都位于主html文件中body标签的底部。
+0
你通过AJAX加载的形式?或者表单是PHP/HTML页面的一部分? –