facebox上的Ajax
facebox上的Ajax
提问于 2018-03-24 17:32:40
我在facebox modal (http://defunkt.io/facebox/ )中有一个表单，它有一个IDand，调用表单的选择器/ID时遇到问题。
以下是代码
=== index.php ===
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>
$(document).ready(function() {
$('a[rel*=facebox]').facebox({
loadingImage : 'loading.gif',
closeImage : 'closelabel.png'
});
$('#myform').submit(function(event) {
$.ajax({
type : 'POST',
url : 'process.php';
data : {'name' : $('input[name=name]').val(),'email' : $('input[name=email]').val()},
success:function() {
alert('success!');
},
});
event.preventDefault();
});
});
</head>
<body>
<a href="showform.php" rel="facebox">Show Form</a>
</body>
</html>==== showform.php ====
<form action="process.php" id="myform" method="post" accept-charset="utf-8">
<input type="text" name="name" placeholder="Your Name" >
<input type="email" name="email" placeholder="Your Email" >
</form>这方面的任何帮助都是非常感谢的！谢谢
回答 1
Stack Overflow用户
发布于 2018-03-24 17:36:23
你正在尝试调用位于另一个页面的ID你不能这样做，你的脚本只与加载到你的页面的DOM交互，你需要将你的ID从index.php移到index.php中，而且它应该是url:'process.php',，而不是url : 'process.php';，还有一件事，你没有提交按钮，这里是一个工作示例
$('#myform').submit(function(event) {
console.log("form submited")
$.ajax({
type : 'POST',
url : 'process.php',
data : {'name' : $('input[name=name]').val(),
'email' : $('input[name=email]').val()
},
success:function() {
alert('success!');
},
});
event.preventDefault();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="process.php" id="myform" method="post" accept-charset="utf-8">
<input type="text" name="name" placeholder="Your Name" >
<input type="email" name="email" placeholder="Your Email" >
<input type="submit" value="submit" />
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49463198
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号