我有一个小的评论系统,我已经修改并尝试实施到网站中。它在'阿贾克斯'。当带有HTML的jQuery嵌入到页面中时,评论系统可以正常工作 - 即当用户点击提交按钮时,代码返回“false”,停止页面刷新并提交数据。但是当我在我的网站中实现代码并将其放置在单独的.js文件中时,代码出于某种原因无法正常工作。我的意思是 - onclick刷新后的页面。为什么 ?代码根本没有改变 - 当它自己的时候,它的工作原理,但不是在index.php网站实施时。我尝试将输入类型更改为“按钮”,并从onclick调用函数 - 页面不刷新,但也没有插入输入。我没有意识到为什么会这样。下面的代码:页面刷新点击ajax
$(document).ready(function() {
$(".submit").click(function() {
var name = $("#name").val();
var email = $("#email").val();
var comment_area = $("#comment_area").val();
var dataString = 'name=' + name + '&email=' + email + '&comment_area=' + comment_area;
var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/;
var emailaddressVal = $("#email").val();
if (name == '' || !emailReg.test(emailaddressVal) || comment == '') {
alert('Please enter valid data and type in message'); return false;
}
else {
$.ajax({
type: "POST",
url: "comments.php",
data: dataString,
cache: false,
success: function (html) {
$("#com_list").append(html);
$("#com_list").fadeIn("slow");
$("#flash").fadeOut('fast');
}
});
} return false;
});
});
//END
//COM LIST
//HTML/PHP
<div class="slider">
<form id="comment_form" name="comment_form" method="post" action="#"
enctype="multipart/form-data">
<input type="text" id="name" name="name" maxlength="16"/> Name<br /><br/>
<input type="text" id="email" name="email"/> Email (will not show)<br /><br/>
<textarea id="comment_area" name="comment_area" maxlength="1000"></textarea><br /><br/>
<input type="submit" class="submit" name="submit_comment" value="submit"/> &
nbsp;comment or <a href="index.php" id="cancel"
onmousedown="$('.slider').hide();$('#com_list').show();"><u>cancel</u></a>
</form>
</div>
//comments.php
if($_POST) {
$name=$_POST['name'];
$email=$_POST['email'];
$comment_area=$_POST['comment_area'];
//$lowercase = strtolower($email);
//$image = md5($lowercase);
$insert = mysqli_query($connect,"INSERT INTO comments (name,email,comment,com_date)
VALUES ('$name','$email','$comment_area',curdate())");
}
////////////////
感谢您的任何建议..
你确定你正在包含该文件吗? – Patricia 2011-06-15 14:33:25
嗨。是的 - 我绝对乐观。 .js文件包含在带有脚本标签的index.php中。我在索引中也只有一种形式。PHP的 - 和代码的作品,但问题是关于输入类型='提交' - 点击它刷新页面,而不是返回false。 – 2011-06-15 14:36:16
我也尝试在index.php头标签内实现jQuery代码。同样的事情 - 刷新页面.. – 2011-06-15 14:38:13