Question

如果之前有人问过，我道歉。我搜索了大约半个小时，但找不到答案。我的所有页面都有一个背景图像。反正有没有重新加载这个图像，特别是在表单提交？

这是我的css图片。我做了#EDEBED使它变成了灰色而不是白色，但如果它根本不能重新加载图像我会喜欢它。我正在用php btw编写我的页面（+一些javascript）。

body
{
    background: #EDEBED url('../background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Open Sans';
}

Answer 1

如果您希望在发送表单或导航时不刷新页面，则可能需要为前端使用javascript框架。每次刷新页面时，都会重新加载背景图片。

现在我想了解你为什么要阻止图像重新加载。如果是因为保存了数据或与性能相关的任何内容，您不必担心。为此发明了缓存。

Answer 2

嗯，如果你想在没有刷新页面的情况下发送表单数据，那么你可以试试这样的东西（jQuery / js解决方案）。它将使用jQuery提交表单而不刷新页面。

$.ajax({
    type: 'POST', /* Methond, can be POST or GET or PUT etc */
    url: $("myFormSelecor").attr("action"), /* URL where to send form data */
    data: $("myFormSelecor").serialize(), /* Form data */
    // If you want, then you can save data in custom format too, like so:
    /*
    data: {
        name: "Name is my name..",
        randomValue: $('#randomInputFieldSelector').val()
    }
    */
    success: function(response) {
        console.log("Ajax sent and server responded with:");
        console.log(response);
    },
});

这需要在页面上包含jQuery。文档和示例：http://api.jquery.com/

google托管jQuery库：https://developers.google.com/speed/libraries/#jquery

提交表单，无需后台刷新

2 个答案: