こんにちは、ページを更新せずに AJAX とファイル php を介してコメントを送信するこのコードがあります。動作に慣れていますが、このアプリケーションを開発するためにコンピューターを変更したため、問題が発生し、コードは変更されませんでした。これで、Chrome がクラッシュするか、ファイル comment.php に到達せずに送信されます
ここに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>