JQuery/PHP
JQuery 实现点击无刷新提交（$.post()函数使用方法）
PetitQ
收藏
网站提交数据常用的方法是使用 FORM 表单，使用 FORM 表单提交比较固化，在有些情况下使用比较麻烦。取而代之的是使用 JQuery 的$.post()函数进行无刷新提交。
下面学 WordPress 主题网介绍一下 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'];?>
这样就可以实现无刷新页面情况下，提交数据了。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
