我已经成功地安装在这份基于jQuery的注册表格: http://net.tutsplus.com/tutorials/javascript-ajax/building-a-sleek-ajax-signup-form/AJAX电子邮件申请表单+的.htaccess清洁网址问题
但是,当我把它应用到我的主要布局,这是基于PHP的,并使用清洁网址,表单的工作时髦: 我提交一封电子邮件,它停留在“请稍候...”状态。 我猜测它停止运行$.ajax({
线。
的JS代码如下:
<script type="text/javascript">
// code using jQuery
$(document).ready(function(){
$('#newsletter-signup').submit(function(){
//check the form is not currently submitting
if($(this).data('formstatus') !== 'submitting'){
//setup variables
var form = $(this),
formData = form.serialize(),
formUrl = form.attr('action'),
formMethod = form.attr('method'),
responseMsg = $('#signup-response');
//add status data to form
form.data('formstatus','submitting');
//show response message - waiting
responseMsg.hide()
.addClass('response-waiting')
.text('Please Wait...')
.fadeIn(200);
//send data to server for validation
$.ajax({
url: formUrl,
type: formMethod,
data: formData,
success:function(data){
//setup variables
var responseData = jQuery.parseJSON(data),
klass = '';
//response conditional
switch(responseData.status){
case 'error':
klass = 'response-error';
break;
case 'success':
klass = 'response-success';
break;
}
//show reponse message
responseMsg.fadeOut(200,function(){
$(this).removeClass('response-waiting')
.addClass(klass)
.text(responseData.message)
.fadeIn(200,function(){
//set timeout to hide response message
setTimeout(function(){
responseMsg.fadeOut(200,function(){
$(this).removeClass(klass);
form.data('formstatus','idle');
});
},3000)
});
});
}
});
}
//prevent form from submitting
return false;
});
});
// end noConflict wrap
</script>
的.htaccess中看起来是这样的:
<IfModule mod_rewrite.c>
RewriteEngine On
# COMPANY NAVIGATION
#Sends URI to index.php for parsing
RewriteRule !\.(css|gif|jpg|png|ico|txt|xml|js|pdf|htm|zip)$ /path/to/main/folder/index.php [NC]
</IfModule>
其中传递变量到index.php中。在index.php文件,我的一切分裂成一个数组,并解析URL这样:
function create_url_array($url) {
strip_tags($url);
$url_array = explode("/", $url);
array_shift($url_array); // First one is empty
return $url_array;
}
$url = $_SERVER['REQUEST_URI'];
$url_array = create_url_array($url);
if($url_array[1] == "folder") {
// include relevant page/s etc
}
我一直在试图解决此几个小时,仍然没有找到一个解决方案。
任何提示/有用的信息将是真棒。
/*编辑:包括萤火虫分析*/
感谢弥敦道!我想你的建议,并与下面的错误来到了,当我跑的测试(试图提交表单):
"uncaught exception: Invalid JSON:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
{"status":"success","message":"You have been signed up!"}"
它基本上让我对整个页面的代码,所有的方式,直到成功消息。入口DOES成功出现在mysql中。
我认为这个问题真的是JSON被传递......我根本不太熟悉。它似乎打嗝htaccess /干净URL的发生。
我不知道该如何解决这个问题。你有什么建议吗?从这里
在Firefox安装Firebug的,运行脚本见网络控制台发生了什么。 – 2011-02-26 02:15:23
我如何在Firefox中运行脚本和调试?我以前从未使用过萤火虫...... – Jay 2011-02-26 11:27:31
为了响应Firebug的建议,我在上面发布了一个修改。如果有人有任何想法,请告诉我。谢谢!! – Jay 2011-02-28 19:55:44