在转到该页面时,通过jquery ajax和.data()方法将数据发送到页面

时间:2016-04-14 05:57:19

标签: javascript php jquery ajax

<script>
function user_pro(useron){
$.post("userprofile.php", { useron:useron } );
document.location.href="userprofile.php";
}
$(document).on('click','#userprofile',function(){
    var useron=$(this).data('id4');
    user_pro(useron);
});
</script>

当我点击id为'userprofile'的按钮时,我试图通过jquery ajax .post()将数据发送到页面“userprofile.php”。我已经存储了用户的用户名(我在data-id4属性中从我的数据库中检索到)。我想将此用户名发送到我的userprofile.php页面并显示他的个人资料(如dp,status和all ...)。 .data('id4')方法工作正常,因为我能够将数据存储在变量useron中。但我无法将数据发送到userprofile.php。当我点击id =“userprofile”的按钮时,我同时希望被定向到该页面。

<a data-id4='".$row['username']."' id='userprofile' class='w3-btn w3-teal w3-hover-indigo'>profile</a>

这是html元素。 html位于php页面的echo标签内(这就是为什么这些引号)。

有人可以帮我解决这个问题。在此先感谢:)。

1 个答案:

答案 0 :(得分:2)

此代码有效......

function post(path, parameters) {
var form = $('<form></form>');

form.attr("method", "post");
form.attr("action", path);

$.each(parameters, function(key, value) {
    var field = $('<input></input>');

    field.attr("type", "hidden");
    field.attr("name", key);
    field.attr("value", value);

    form.append(field);
});

// The form needs to be a part of the document in
// order for us to be able to submit it.
$(document.body).append(form);
form.submit();
}
$(document).on('click','#userprofile',function(){
    var useron=$(this).data('id4');
    post("userprofile.php",{useron:useron});
});

谢谢大家。