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

Question

<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、状态和所有...)。 .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 标记内(这就是那些引号的原因)。

有人可以帮我解决这个问题吗？提前致谢:)。

Answer 1

此代码有效...

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});
});

谢谢大家