用AJAX提交评论，不刷新页面不再工作

嗨我有这段代码通过AJAX和文件php提交评论而无需刷新页面。是用来工作，但因为我改变了电脑开发这个应用程序我有问题，代码从未改变。现在它要么崩溃Chrome或没有达到文件comment.php用AJAX提交评论，不刷新页面不再工作

这里是JS代码

<script src="/js/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript"> 
    $("#formcomment").submit(function(){   
     ctask = this.task.value; 
     cname = this.usrnm.value; 
     cmessage = this.comment.value; 
     submitter = this.submitter; 
     cty = this.ty.value; 
     celem = this.elem.value; 
     cusrcd = this.usrcd.value; 
     cusrcdauth = this.usrcdauth; 
     val_recaptcha_challenge_field = this.recaptcha_challenge_field.value; 
     val_recaptcha_response_field = this.recaptcha_response_field.value; 

     if(cname=="" || cmessage=="") { $("#errAll").html('<p>Please don\'t leave the requierd fields.</p>'); } 

     $.post("/comment.php", {task: ctask, usrnm: cname, comment: cmessage, ty: cty, elem: celem, recaptcha_challenge_field:val_recaptcha_challenge_field, recaptcha_response_field:val_recaptcha_response_field, usrcd: cusrcd, usrcdauth: cusrcdauth}, function(data){ 
      if(data=='0') { $("#errAll").html('<p>Please don\'t leave the requierd fields.</p>'); } 
      else if (data=='1') {$("#errAll").html('<p>The reCAPTCHA wasn\'t entered correctly. Try it again.</p>'); } 
      else if (data=='2') {$("#errAll").html('<p>Username must contain 6 to 20 characters.</p>'); } 
      else { 
       submitter.value="Comment posted"; 
       submitter.disabled=true; 
       $('#listcom').prepend(data); 
       $("#errAll").html(''); 
       window.location.hash = "#comments"; 
      } 
     }); 

     return false; 
    }); 
    </script>

，并在页面表单

<form class="well" method="post" id="formcomment"> 
    <input type="hidden" id="ty" name="ty" value="stg" /> 
    <input type="hidden" id="elem" name="elem" value="13" /> 
    <input type="hidden" name="task" id="task" value="addComments" /> 
    <input type="hidden" name="usrcdauth" id="usrcdauth" value="yudtjnisifwndyubleedbtisngvxlj" /> 

    <label>Username</label> 
    <input value="" type="text" id="usrnm" name="usrnm" maxlength="20" class="span3" /> 
    <input type="hidden" id="usrcd" name="usrcd" value="" /> 

    <label>Message</label> 
    <textarea id="comment" name="comment" rows="5" cols="150" class="span7"></textarea> 


    <div style="margin: 15px 0;"><input type="submit" id="submitter" name="submitter" value="Add Comment" class="btn" /></div> 
    <div id="errAll"></div> 
    </form>

来源

2012-06-18 user1225730

之前和之后是什么类型的计算机？你有没有改变操作系统的风味？ Windows到Linux？ –

提示：使用Firebug（Chrome或Firefox）或内置的Chrome开发工具 - > JS控制台来检测JS错误和警告，如404的等。 –

我找不出问题，但我删除了文件，然后创建一个新的，一切都完美。我不知道为什么 – user1225730

这听起来很愚蠢，但必须提交你在新电脑上安装了像xammp这样的php服务器？如果是这样，请确保这些文件位于同一个目录中，并可能尝试删除comment.php之前的“/”。我没有详细通过你的代码，但我认为，因为它以前工作;这可能是这种情况。

来源

2012-06-23 07:52:35 Eli

用AJAX提交评论，不刷新页面不再工作

回答

相关问题