JQuery 实现点击无刷新提交($.post()函数使用方法)
网站提交数据常用的方法是使用FORM表单,使用FORM表单提交比较固化,在有些情况下使用比较麻烦。取而代之的是使用JQuery的$.post()函数进行无刷新提交。
下面学做网站论坛介绍一下JQuery的$.post()函数进行无刷新提交的使用方法。
使用无刷新提交时,就不需要再使用form标签了,直接使用a标签或者span标签就可以传参了。例如:
<span class="addshop" data-haveid="1" data-usershop="2">点击提交</span>
这样就可以通过data的方式来传递参数了。下面就是使用$.post()进行无刷新提交了。
$('.addshop').click(
function(){
var haveid = $(this).data("haveid");
var usershop = $(this).data("usershop");
var ajax_gwc = {
//传递的参数
haveid:haveid,
usersp:usershop,
};
$.post("chuli.php", ajax_gwc,//处理的PHP文件
function(data) {
$('.cont').html(data);//可以将返回值插入元素中
});
alert("提交成功!");
return false;
});
最后就是在PHP文件中接收传来的参数了。很简单,使用以下的代码即可。
<?php echo $_POST['haveid'];?>
这样就可以实现无刷新页面情况下,提交数据了。
补充:也可以像下面这样写提交表单;
$('.addshop').click(
$.ajax({
type: "POST",
url: "chuli.php",
data: "name=" + name + "&email=" + email + "&msg_subject=" + msg_subject,
success : function(text){
if (text == "success"){
formSuccess();
} else {
formError();
submitMSG(false,text);
}
}
});
});